Using Typekit fonts in CSS
I have the custom upgrade and I have made many changes using the CSS. I want to change the font in some places, but I don’t want to do a global change using the “Fonts” in the Customise menu.
Can I use a Typekit font in my CSS (so far I haven’t been able to)? If so, is there some extra instruction beyond just entering the font name in a font-family statement?
The blog I need help with is theway21stcentury.wordpress.com.
Hi Galois, thanks for helping out. But I couldn’t see an answer there, I’m sorry. I want to know if I can use one of the Typekit fonts that are available in the fonts tab on the customise menu in my CSS, and if so, how to do it as I don’t seem to be able to.
But I couldn’t see an answer there, I’m sorry.
Quoted from the links I gave you:
Can I connect a Typekit.com account to my WordPress.com blog?
We no longer support connecting an outside Typekit.com account to a WordPress.com blog as of Nov 2013. We made this change so that we can focus on making one set of simple-to-use tools in Appearance → Customize → Fonts, which includes a selection of Typekit fonts, instead of maintaining two sets of separate tools. Blogs that currently have a Typekit.com account connected using the Advanced Mode for fonts may continue using that connection, but new Custom Design users no longer have the option to connect an outside font account.
We no longer support the typekit account integration. If you’d like to change your fonts, you’ll need to purchase a Custom Design upgrade:
Thanks again, but I’m sorry again, neither of those quotes (which I saw) answer my question (I think).
1. I am not trying to connect to an outside font account, but to the Typekit account that already supplies the fonts for custom design. Are you saying that Typekit fonts are only available through the fonts tab on the customise menu, and not on CSS?
2. I’m not trying to integrate with any Typekit account, just use the fonts that are there. Or, again, are you saying that they’re only available through “fonts” and not the same fonts through “CSS”?
@unklee, with the Typekit fonts, you can set a font for Headings and Body. Once you do that, those two fonts are loaded with your site. You cannot use a third or fourth font from the list. You used to be able to use the Typekit Advanced feature with a Typekit subscription, but that isn’t available anymore.
with the Typekit fonts, you can set a font for Headings and Body. Once you do that, those two fonts are loaded with your site. You cannot use a third or fourth font from the list. You used to be able to use the Typekit Advanced feature with a Typekit subscription, but that isn’t available anymore.
That was my point, @unklee
I didn’t want to use a third or fourth font from the list, I am happy with the defaults (which are not on that list). I just wanted to use one only from the list for on special type of text. This is a different situation from the ones you have described.
But I presume you are both saying that isn’t allowed, so I shall have to be satisfied with that.
Thanks to both of you.
If you want to use one of the ones you have currently set as Body or Heading, we can apply those to another type of text with CSS generally. If that is what you are wanting to do, let me know.
I am using the Sela theme and haven’t changed the fonts from the defaults. The default text font looks like Helvetica Neue Light and doesn’t look like any of the Typekit fonts available.
I am happy with it, but it doesn’t look all that good in italics for quotes, so I thought I might use a different font for some quotes and set that up in CSS. I currently use Georgia because that is readily available on most computers, but it doesn’t look good with the Helvetica, so I thought I’d try something different.
On my self-hosted site I would use Google fonts, but I don’t think I can do that here, so I thought I’d try the Typekit fonts to see if one of them looked better.
So I don’t want to use Typekit for anything else except this one thing, I thought I’d be able to, but it seems I can’t. It’s no big deal, I just thought I’d ask and see. But I’m a little surprised I can use Typekit from the fonts tab, but not from the CSS tab. I guess it’s how they are licensed to WordPress?
Thanks for your help.
The way custom fonts are set up at WordPress.com, you can only choose the two and use those, and the fonts that were chosen were chosen to work well as headings and body text so that the content has the best readability. We are constantly evaluating our offerings and features and adding new things to create even better experiences for our users and for their visitors.
Thanks for all your time – I’m sorry to take so much of it. It was worth a try but I’m not that worried.
I could probably choose the text font I want, then over-ride it for most text in the CSS, but that sounds like a lot of trouble especially as I don’t know if I could specify the current default font in CSS.
So I think I’ll just leave it as it is thanks.
You are welcome, and yes, you can override the custom fonts for the other stuff. In some instances it can take a good bit of CSS, but in other instances it is pretty simple. Generally what takes the time is finding all the selectors and that is just a matter of inspecting all the elements and then adding them to the rule.
If you decide you want to go that way, we can help if you have any problems.
The topic ‘Using Typekit fonts in CSS’ is closed to new replies.