I do not understand that? When I go to choose a font I have Source Sans Pro Light as a separate typeface? And where do I add “Source Sans Pro”, sans serif; font-weight: 300
Is that something Ernie is adding or is it part of the font name?My
background is print, so I’m really not familiar with how web fonts are used
and managed? Any help is appreciated.
Yes, Font Sets are arbitrarily named by whomever makes them. I, being
somewhat organized, label them so I understand they are webfonts (and
therefore require extra code in the document head). Others I may label as
“websafe” so I am reminded how I set the font cascade on those.
On 7 Nov 2013, 3:18 pm, The Big Erns wrote:
Yes, Font Sets are arbitrarily named by whomever makes them. I, being
somewhat organized, label them so I understand they are webfonts (and
therefore require extra code in the document head). Others I may label as
“websafe” so I am reminded how I set the font cascade on those.
Yeah, I’m the same way. What’s the best place to learn about using web fonts? I’ve used Adobe TypeKit in the past, and I may again if I decide to go with the CC Subscription, but what about Google fonts?
Typekit is easy (and a much nicer interface for exploring and choosing).
Work a little at it and Google fonts can be easier, and coupled with
Skyfonts (also free) makes for an easier local workspace situation.
Also, have a look at Typecast (which seems to be doing the rounds at the minute). A handy little tool for testing typefaces from a bunch of different font services:
And based in sunny Northern Ireland!
Joe
On 7 Nov 2013, at 16:38, Ernie Simpson email@hidden wrote:
Typekit is easy (and a much nicer interface for exploring and choosing).
Work a little at it and Google fonts can be easier, and coupled with
Skyfonts (also free) makes for an easier local workspace situation.
I just had a quick look at the page and can see that there are some curly quotes in the CSS that are breaking it (my fault, I should have formatted it correctly here – I forgot you might be taking it from the web-based forum). Try this instead:
"Source Sans Pro", sans-serif; font-weight: 300
If they’re still coming out curly then just delete them and replace them with straight quotes.
Joe
On 7 Nov 2013, at 16:28, Joe Billings email@hidden wrote:
Hi Justin,
Do the following:
Open the Edit>Font Sets dialog
Find your Source Sans Pro Light font set
In the third cell, enter: “Source Sans Pro”, sans-serif; font-weight: 300
Ok the dialog and then try previewing it in the browser.
‘Normal’ and ‘bold’ are relative values… when adding an extended
font-weight property to your style rules regarding Google fonts, you should
use the specific weight value (e.g, “300”)
Also, if you’re not planning on using all three weights added in your head
code, go back to Google and uncheck the unused weights/styles and re-apply
the head code. It will keep you page loads trim.
Ok got it! Ignore any font weights. Just use font title in this case Source Sans Pro - then in the extended box add font-weight then use the code Google has used in the code in the head - so for Light is font-weight 300 and if ya wanna use bold then 700 these numbers are next to the fonts when you review them on Google fonts…
Typekit, you must set the domains to use the font on… I always set the client and my development server. My subscription lapsed and I have only 1 client site using Typekit - that font set still works on my server and the client’s. Don’t know why.
–
Ernie Simpson
On Nov 7, 2013, at 1:48 PM, “RavenManiac” email@hidden wrote:
All this brings up an interesting question. If you’ve designed several websites using Adobe’s TypeKit and you let your subscript expire, what happens?