Archived topic
Ordered list () numbering font differs from specified font-family
10 replies · Started by Fritz on March 14, 2022
Hello GP folks,
I'm not an HTML/CSS expert but I have acquired some experience using GP Premium for a while on my personal Website. However, one problem that I have not been able to resolve, is "conformity" between the font family I specify in the GP typography section (and also locally, on each page; see below) of my site's body text (Montserrat) and the decimal numbering font that
- and
- use. No matter how I specify it --and I've tried many approaches!!--- the
- font always differs from Montserrat. I don't recognize the actual font ol;li numbering uses but it does seem similar to Montserrat and is always the same (not some "default"?). Also, it is consistent across different browsers and devices.
Here's a snippet of the page in question:
<!DOCTYPE html>
<html>
<head>
<style>
body, lo, li {font-family: Montserrat;color: #000000;}
</style>
</head>
<title>Sources</title>
<body>
<h2>Sources</h2>
Sorry, my plea for help somehow got completely corrupted...
Fritz.
Hi there,
Any chance you can link us to the page in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Thank you for your prompt response, Leo!
I have temporarily stopped the 2FA on my site and below, in the private section, is the login info. You should be able to sign in.
The page involved is "Sources". It basically is a numbered listing of the origins of the various site elements. It's also the only page I have "cleaned up" by eliminating the many superfluous html portions that the WordPress classic editor typically scatters all over the page.
Basically, no matter what html/CSS approach I have tried, the actual decimal numbers of the Sources list use a different (but consistent) font --which I don't recognize-- than Montserrat, which I specified via the GP typography and/or local page commands for the entire site body text.
I realize that it is a small point and my site is just a private thing; still any possible help is very much welcome.
Best,
Fritz.
Thanks,
Fritz.
Hi Fritz,
Can you add your site link along with the login?
Thanks!
Hi Ying,
so sorry for forgetting the obvious! The site is " mychangingview.com " and the login is below in the private section.
F.
I tried to log in your site, but it requires a 2 Factor Authentication code:
https://www.screencast.com/t/bqiXCg36Ig
I compared the font of the list and the Google fonts, they look the same to me:
https://www.screencast.com/t/1t7FP6UXf
Hi Ying,
and thank you for your effort on my behalf.
I did, just now, disable the 2FA on the site and you should be able to sign in with the info below...
Regarding the font problem: a careful look at the number "one" (1.) of the list enumerators (1. .... 10., 11., 12., 13., & 14., etc) shows that these number ones (and only the # 1!!) are not the same as the number 1 of the actual Montserrat text that appears in the list paragraph text (for example: "1. The Window - Leonard Cohen, Recent Songs, 1979". It's very subtle and only involves the #1.
Again, the number "one" that sequentially enumerate the lists is different from the number one that appears in the actual texts of each listing. I hope this makes it clear that only the number one is involved, no other digit or letter. Can I somehow send a screenshot to explain what I mean?
Thanks so much again,
F.
Hi Fritz,
I see. Thank you for explaining.
To test if this is a theme related issue, I tested this specific behavior on a different theme, and enquequed the font ‘Montserrat’ manually via code: https://share.getcloudapp.com/Z4u7ZLZx
Upon testing, I found that this is the default behavior of this Font even on different themes, and therefore, isn’t a theme-related issue.
See: https://share.getcloudapp.com/NQuNdDby
I found a way to override this behavior. Specifically, You’ll need to manually type the numbers of your ordered list as such: https://share.getcloudapp.com/DOu4jQGB
Then, you can add CSS code list-style: none to remove the list numbers: https://share.getcloudapp.com/Z4u7ZLzo
ol {
list-style:none;
}
Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css
Adding it through additional CSS should work.
Hope this clarifies! :)
Hi Fernando,
and tank you for your helpful response!! That makes so much sense --- I suspected that there was some "default" behavior of the GP Theme involved in this, but your point proves me wrong. Still, it is a very subtle, but odd behavior...
Thank you so much also for your suggestions and workarounds -- I will do this.
Please extend my thanks also to Ying and Leo.
Best regards,
Fritz.
I agree, it's definitely odd. :)
You’re welcome Fritz! We're glad to be of assistance! Feel free to reach out anytime if you’ll need assistance with anything else. :)