Congratulations on downloading your cool new font! You are now ready to make your project awesome. If you’ve never installed a new font before, we’ve made a simple guide to help you along the process so you can start using it right away. In this guide, we will cover:
- What You Need to Use a New Font
- Where You Can (and Can’t) Use Your New Font
- Font File Types
- How to Install a Font
- How to Uninstall a Font
- How to Use a New Font
- Helpful Tips
- Find Downloadable Fonts on Creative Market
What You Need to Use Your New Font
A Computer. Seriously, all you need to use your new font is a computer. Every computer already has a font manager installed. Follow the steps within this guide How to Install a Font and you’ll be on your way.
Where You Can (and Can’t) Use Your New Font
You can use your new font in most software where you would normally use fonts or on your personal website. See our How To Use a New Font section for more information. You can not use your new font in email or instant messaging.
Font File Types
There are many different types of fonts that can be used. The most common font types are TrueType (.ttf) and OpenType (.otf). Both the TrueType font format and OpenType font format can be used on both Macintosh and Windows. Their primary benefit is that it offers a high level of control for the developer to resize without losing quality. If you want to explore other font types in further depth, please visit File Info for more information.
How to Install a Font
There are several ways that a font can be installed on your computer. We will cover the most common way on both a MAC and Windows machine. However, if you want to read in depth about different types of Font Managers, check out this article by Smashing Magazine. They did a great job reviewing all of the different tools.
How to Install a Font on a MAC Using Font Book
Step 1 – Getting Your FilesAfter you download the font file from Creative Market, unzip the file. (Note: You may have more than one file with each font (i.e. Bold, Regular, Lined, Solid, etc.).
Step 2 – Install the Font(s)
Now, find the font file (.ttf or .otf) you want to install. Double click the font file to open and you will see a window will pop up. Click Install Font.
The font file is now in your Font Book.
Now you’re ready to use your font. Follow these steps to get started!
How to Install Fonts on a MAC Without Using Font Book
If you do not want or can not install your new font using the steps listed above, here is another method to install your new font on a MAC without using Font Book. Step 1 – Getting Your Files After you download the font file from Creative Market, you will need to unzip the file. (Note: You may have more than one file with each font (i.e. bold, regular, Lined, Solid, etc.)
Step 2 – Install the Font(s)
Locate the downloaded font files (.ttf or .otf) you want to install.
Open the Finder window Click on “users†or type it in the search box.
Open the Users folder and double click on the house icon.
This is the account of the person currently logged in. Now, Double click the Library folder. Double click the Fonts folder. Finally, drag and drop the font file(s) into this folder.
Now you’re ready to use your font. Follow these steps to get started!
How to Install Fonts on Windows XP
Step 1 – Getting Your Files
After you download the font file from Creative Market, you will need to unzip the file. (Note: You may have more than one file with each font (i.e. bold, regular, Lined, Solid, etc.).
Step 2 – Install the Font(s)
Now that you have downloaded your fonts, Click on Start, then Control Panel. Double click on Fonts and Choose File from the menu bar.
Click Install New Font. A dialogue box will pop up. Navigate to the location of the fonts you downloaded. Click Add Fonts from the dialogue box. Then, click Ok.
Now you’re ready to use your font. Follow these steps to get started!
How to Install Fonts on Windows 7 and Vista
Step 1 – Getting your files
After you download the font file from Creative Market, you will need to unzip the file. (Note: You may have more than one file with each font (i.e. bold, regular, Lined, Solid, etc.).
Step 2 – Install the Font(s)
Right click on the font file and click install.
(Helpful Tip: You can also get to the Fonts folder through Control Panel, then drag and drop the font files into that folder).
Now you’re ready to use your font. Follow these steps to get started!
How To UnInstall A Font
Did you download a font that you no longer want or need? Go ahead and uninstall it with these easy steps
How to Uninstall a Font on a MAC
Open Font Book from the finder window In Font Book, find the font you want to remove. Right click on that font, and select Remove.
How to Uninstall a Font in Windows
Click the Start button, and find the Control Panel. Open Appearance and Personalization, then click Fonts. Find the font that you want to uninstall. Highlight that font, then click Delete from the File menu
Using the New Font
Are you ready to use your awesome new font for your logo or other design project? It’s super simple to get started.
How to Use a Font with Software
Make sure the application you want to use has been closed and relaunch after the new font has been installed. Then, proceed as usual.
How to Use a Font on a Website
If you want to use a downloaded font on your website, the users will need to have that font installed on their machine as well. Since this will probably not be the case, the best solution is to use the @font-face in CSS.
Assign a @font-face rule and assign it a family name and source path.
@font-face {
font-family: myFont;
src: url('newDownloadedFont.ttf');
}
Then, you’re ready to assign the font-family to an element.
div {
font-family:myFont;
}
Helpful Tips
Remember to close all applications and relaunch before using your new font. You may need to Restart your computer as well. Do not install the same font in multiple formats. For example, do not install “xxFont†in both TrueType format and OpenType format at the same time. It could cause conflicts when trying to use the fonts.
Find Fonts on Creative Market
Are you excited and feeling inspired to use creative new fonts? Check out the Fonts section at Creative Market! Still have questions? Please feel free to contact us at any time, we’re here to help!
Download these worksheets and start practicing with simple instructions and tracing exercises.
Download now!