Once I generate the font, what do I do?
Once you generate the font, you’ll get a ZIP file containing the appropriate files. First, upload the generated font files (they’ll end with .eot, .svg, .ttf, .woff, and .woff2) to your server using FTP, cPanel, or whatever file management application your host provides. Note the locations of these files, because you’ll need it in the next step.
Next, open the file named stylesheet.css and you should see something similar to this:
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 13, 2015 */
@font-face {
font-family: 'inconsolatamedium';
src: url('inconsolata-webfont.eot');
src: url('inconsolata-webfont.eot?#iefix') format('embedded-opentype'),
url('inconsolata-webfont.woff2') format('woff2'),
url('inconsolata-webfont.woff') format('woff'),
url('inconsolata-webfont.ttf') format('truetype'),
url('inconsolata-webfont.svg#inconsolatamedium') format('svg');
font-weight: normal;
font-style: normal;
}
This is the code that tells the browser about your new font and where to find the files. You’ll use font-family to refer to this font (in this case, I’d use font-family: inconsolatamedium; in my CSS). You’ll need to change the values in src: url() to point to the correct locations of the files, which you should remember from the first step.
Finally, copy and paste the entire block of code into your child theme’s stylesheet or your custom CSS plugin. You should be good to go.
Thank you Stephen. Anyone know why my menu isn’t clickable in mobile versions? It was working fine the other day but not anymore.. It’s for this site: http://www.thetrophyroomdallas.com
What device are you using? It works for me on an iPhone 6 Plus, iOS 8, Mobile Safari.
After wordpress updated, the Rosewood is no longer working for the title and menu.. Anyone know how to fix this? Also, how do I change my settings so that wordpress doesn’t automatically update?
Where did you paste the Font Squirrel code I recommended 5 days ago? If you pasted it into your custom CSS plugin, it shouldn’t have been affected by a WP upgrade. Where did you upload the font files to?
I never messed with the font squirrel because I didn’t want to get into the FTP and ruin something. I’ve never really gone into it.. Is there another way to do it?
No, because a visitor who doesn’t have the Rosewood Std font on his or her computer or mobile device won’t see the font being used for your title and menu. For example, I don’t have the Rosewood Std font on my laptop, so when I visit your site, I see your title and menu using the Times New Roman font. What you’re doing when you use Font Squirrel and follow the steps I provided is making the font available to your visitors, so they can see the title and menu using the Rosewood Std font, even if they don’t have the font on their computer or mobile device.
I’ve uploaded the files to my server.. I’m not sure if I did it correctly and I’m kinda confused on how to finish the rest.. How can I make sure I uploaded correctly?
How did you upload the files to your server? Where did you upload the files to?
I’m using GoDaddy.. I went to the ftp files and uploaded the font..
What is the full path name of the font files?
The file that I uploaded is RosewoodSTD-Regular.woff
What folder did you upload the font file to?
