- This topic has 6 replies, 2 voices, and was last updated 5 years, 3 months ago by
.
Hello,
I need to use a Typekit Font. I’ve installed the Plug-in and followed the instructions:
- Download the plugin files and copy to your Plugins directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Go to the WordPress Dashboard, and use “Settings”, “Typekit Fonts” to enter your kit ID and embed method.
- If you want to setup some CSS selectors like the examples shown in the Advanced link, enter your CSS rules in the plugin settings as well.
Done everything. Added custom CSS rules that are:
h1, h2, h3, h4, h5, h6 {
font-family: ‘semplicitapro’, sans-serif;
}body, button, input, select, textarea {
font-family: ‘semplicitapro’, sans-serif;
}But nothing happens. Am I doing something wrong or there’s some compatibility issue?
Thank you in advance
Elena
Also, if can be useful for you, I found the typekit font (semplicitapro) here, see attachment. (nunito sans is the one in use).
🙂
Hi Elena,
I hope you are well today and thank you for your question.
Which plugin are you referring to that you have installed on your site?
Have you contacted the plugin developer to resolve the issue?
Best regards,
Shufflehound teamHello,
as the title of the ticket says, I’m referring to the plug-in: Typekit Fonts for WordPress.
Not a Typekit issue, used that before with other themes; I followed the clear instructions they provide and somehow the site is seeing the font but not showing.
I asked, why yellow pencil is showing me the font family?
Thank you
Elena
Not a Typekit issue, used that before with other themes; I followed the clear instructions they provide and somehow the site is seeing the font but not showing.
Have you contacted the plugin developer to know why the issue is occurring?
I asked, why yellow pencil is showing me the font family?
It is displaying the semplicitapro font on second number which is overwritten by the font nunito sans that means you are having CSS selector specificity issue. Your CSS selector should be more specific.
Please try using below CSS code.
h1, h2, h3, h4, h5, h6 { font-family: 'semplicitapro', sans-serif !important; } body, button, input, select, textarea { font-family: 'semplicitapro', sans-serif !important; }Plugin developer didn’t answer.
Feel stupid, I was mispelling the css -.-
Thank you very much.
Elena
You are most welcome here 🙂
