How to add Proxima Nova font family with foundation 5 typography.
Tuesday, March 25, 2014 at 4:35 AM EST
Inser your Font folder change your scss body font family and put it in your header.
Hi, Can you describe little bit more. can you share a example folder and file structure?
If you are using Typekit to serve the webfonts there is no font folder for you to insert the font into.
To add TypeKit to your site first add your Typekit Kit into your site. I stick this code in my site's template in the <head> so it is across all of my pages.
If you are using SCSS you would change this line:
$header-font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
$paragraph-font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
If you are using vanilla CSS you add the font to the font family in your code:
font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
Here is more information on adding TypeKit to your site.
Hi, Thanks a lot. Its working good :)
Create an Account
Get up to speed FAST, learn straight from the experts who built Foundation.
Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.
Or if you prefer, contact the Foundation Team at firstname.lastname@example.org or (408) 341-0600 x635