Font confusion!
-
Hi there! A few years ago, I received help adding CSS to my blog so that I could have Fertigo Pro as a font. It changed the font on my entire blog, titles and body text. I want to change the body text to something simpler to read.
I now cannot find that CSS, I don’t see it there in my CSS holder! But, it must be there, because the font is on my blog!
Also, what is the default font that flashes by when the site is loading slowly? I would like to use that font for my text, while keeping the titles in Fertigo Pro (which requires CSS). Can anyone help?
The blog I need help with is: (visible only to logged in users)
-
Try adding this CSS code. Adjust font family as needed.
wf-active body, .wf-active button, .wf-active input, .wf-active select, .wf-active textarea, .wf-active .main-navigation a {
font-family: arial;
}In your current CSS all these have a font-family declaration of:
“fertigo-pro-1″,”fertigo-pro-2”,sans-serif;I couldn’t see any flashing font since the site wasn’t loading slowly for me.
-
Sorry, I forgot a dot in the beginning of the first selector (.wf-active body). The right code is:
.wf-active body, .wf-active button, .wf-active input, .wf-active select, .wf-active textarea, .wf-active .main-navigation a {
font-family: arial;
} -
Thank you, I’m going to try it now… but I am very confused. I’ve looked through my CSS, and I don’t see anything that looks like the CSS to change the font to Fertigo Pro! I remember that we did it years ago, because Fertigo Pro is no longer an option in the regular font choice menu. Where did the CSS go?
-
I tried it. It won’t let me switch to the font I wanted, Quattrocento Sans, it only works with Arial, the font family that you chose….
:) I wish I understood the process better!
-
I see. Have you used a service like Typekit in the past? Since late 2013 WordPress decied to simplify the font selection, to make it easier to use. So now you can only select the fonts that are available in the Customizer.
new users no longer have the option to connect an outside font account
Read the full article and learn more about custom fonts at https://en.support.wordpress.com/custom-fonts/
The good news is that Quattrocento Sans is available at WordPress.com. Some fonts however are only availabe for Premium and Business members, so check if you also have that font. If not, you have to upgrade to either the Premium or Business plan.
After you’ve specified Quattrocento Sans as your font choice in the Customizer, you can delete the CSS I provided you with earlier.
-
So is my addition of Fertigo Pro grandfathered in? (By the way, I tried the Quattrocentro, and I took it out again, like the Fertigo Pro better)
How come I can’t see the CSS for the Fertigo in the Customizer?
-
-
I’m not sure to be honest. I’ve tagged this for staff attention, so hopefully you’ll get a reply from a staff member soon regarding this.
-
The
font-familyworks by listing several choices of fonts. When someone views your website in a browser, their computer goes through a list of fonts and displays the first one in the list that that person has available to them. This can work by using the locally installed fonts on their computer or a web-based font if one has been loaded. In order to load a web-based font for a WordPress.com site, it must be selected and saved as one of the options in My Sites > Customize > Fonts.To illustrate with an example, if you added this:
font-family: "fertigo-pro-1","fertigo-pro-2",sans-serif;Then IF someone has the Fertigo Pro installed locally OR you have selected Fertigo Pro in My Sites > Customize > Fonts, they would see that font for the selectors you specify in your custom CSS.
I now cannot find that CSS, I don’t see it there in my CSS holder! But, it must be there, because the font is on my blog!
It’s possible that even though you had setup some custom CSS in the past, the Fertigo Pro font was also setup through the Fonts panel and that’s what was taking precedence.
Also, what is the default font that flashes by when the site is loading slowly?
I see that https://littlepuppetstudio.com/ is currently using the Motif theme. I checked the demo site at https://motifdemo.wordpress.com/ and I found that the default font declaration for that theme is:
body, button, input, select, textarea { font-family: "Droid Sans",Arial,sans-serif; }I want to change the body text to something simpler to read.
In your case, because of the way your fonts are current setup, then adding “!important” to the CSS would be needed in order to override the other font selection in My Sites > Customize > Fonts. Like this:
body, button, input, select, textarea { font-family: "Droid Sans",Arial,sans-serif !important; }Another way (and a probably simpler way) to make that change would be to go to My Sites > Customize > Fonts and click the X next to the Base Font option to remove it and save changes.
A word of caution: if you are indeed using a grandfathered Typekit setup then removing them and using the options in My Sites > Customize > Fonts will probably remove that and there is not a way to get it back—so don’t remove those settings if you want to keep Fertigo Pro as a web-based font option. However, you have the Premium Plan for littlepuppetstudio.com and that includes both Custom Fonts and Custom CSS and as long as you have the plan then it shouldn’t be a problem for you to switch to using those if you are okay to pick another font. It is recommended to use the newer font system because anything grandfathered in regarding the old, manual Typekit account connection is no longer actively maintained.
- The topic ‘Font confusion!’ is closed to new replies.
WordPress.com Forums 