Hi guys, im building a site in dreamweaver and was hoping to use the fonts - positive a, barnes and pen of truth.
I know that there is something you can do with some copy and paste code from google but i cant seem to find it.
Can anyone help?!
Heres my site - www.allroots.org
The 3 fonts you've mentioned are unavailable on Google Font Library - meaning they may not be free-to-use web fonts. However, if you purchase the font or maybe read the documentation, you can figure out to see if you could use it on the web as a custom webfont. If yes, you can use one of the online webfont conversion services such as 'fontsquirrel.com' to convert the font into a webfont.
Or, search from over 500+ fonts on Google's Webfont API that you could instantly embed: http://www.google.com/webfonts
Line 6 of your HTML where you've used the reference for CabinSketch - it is incorrect referencing to Google Webfont library. The correct references it this:
<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:700' rel='stylesheet' type='text/css'>
700 being font-weight, bold.
One more thing I noticed - Rye regular is also incorrectly referenced in your HTML. The correct line of reference is:
<link href='http://fonts.googleapis.com/css?family=Rye' rel='stylesheet' type='text/css'>
Replace both these to your existing lines that define these 2 font references.
The current URL you've referenced to on Google Fonts API gives a 404 not found error - which means the font is not stored at Google at the referenced location which is why the font doesn't show up on your page. Try clicking on these links as given your document to see what I mean:
Trust this helps.
My bad, forgot to add this in the previous reply.
In your CSS, find references to this:
font-family: "CabinSketch Bold";
font-family: "Cabin Sketch";
because the definition in google fonts API file is this:
font-family: 'Cabin Sketch';
src: local('CabinSketch Bold'), local('CabinSketch-Bold'), url(http://themes.googleusercontent.com/static/fonts/cabinsketch/v5/ki3SSN 5HMOO0-IOLOj069BAPw1J91axKNXP_-QX9CC8.woff) format('woff');
So, whatever name is given to the font in font-family during a font-face reference is what you should use in your CSS to replicate that font.
Do the same thing for Rye as well.