From the course: Creating Icon Fonts for the Web

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Testing icon fonts

Testing icon fonts

From the course: Creating Icon Fonts for the Web

Start my 1-month free trial

Testing icon fonts

For the final exercise, we're going to test our new icon font by creating a specimen sheet for it. We're going to explore, how to modify the CSS to integrate our new icon font into our files. And we're going to go over some of the basics of deploying icon fonts through structuring HTML and using your CSS. So, I'm going to be working in the 05_03 directory and I'm just going to show you kind a brief tour here of that folder, kind of what's going on here. So, I have a specimen sheet that I've created called chunky-mobile.htm. I've got a folder where I'm storing all of the web fonts that I'm using. I have a folder for my CSS. And then I have, right here, this downloads folder. And this is exactly what we get from Font Squirrel. So, the way I'm approaching this particular exercise is okay, you've got your website or your webpage or your project that you want to add your icon font to. You go up to Font Squirrel, you downloaded it, and now what? Okay. So know that we know a way around this…

Contents