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
Thanks Nancy, i used the google font instructions!
Hi Nancy O,
I was wondering if you could tell me why the font 'CabinSketch' isnt appearing on my site?
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.
Thanks for your response. It still isnt working for some reason.
Have i done everything correct?
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/ki3SSN5HMOO0-IOLOj069BAPw1 J91axKNXP_-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.
Thanks! Works perfectly!