Users can custom set their blog post font style to a variety of web fonts selection provided by Google Fonts from Blogger Theme Designer under the Advanced options.
Switching Blogger blogs font styles is the easiest & quickest way to make your blog stand out & look more personalized to your own style -- but do not overdo it!
Unfortunately most custom Blogger themes available to download does not support this, unlike BlogrCart Blogger themes with shopping cart collection, which uses pretty much all existing Blogger platform theme functionality.
However, when selecting any Web Fonts in Blogger Theme Designer, only regular fonts files is imported & applied. Which leaves the italic styles in your post body will only "tilt" due to the assigned
<i> tag -- a browser default behavior.
The same behavior when users select Italic for web fonts in Blogger Theme designer as the blog text styles. The italic font files is imported, which leaves the regular styles not available -- not what you want to achieve.
Here's how to add italic web font file provided by Google Fonts when users have selected one in Blogger Theme Designer > Advanced option to fix italic styles in blog posts.
Fix Italic Google Fonts Issues for Blogger Themes
Find the name of the Google Font used in Blogger Theme Designer > Advanced options. Then follow the instructions below:-
- Go to Google Fonts web page and find the selected font specimen: https://fonts.google.com/specimen/<your-font-name> (replace <your-font-name> with the web font used at your Theme)
- Click "+Select This Font" link
- A "Family Selected" pop up appears, click "Customize" tab
- Unselect "Regular" & select "Italic"
- Click "Embed" tab then copy the embed code. An example will look like so:-
<link href="https://fonts.googleapis.com/css?family=<your-font-name>:400i" rel="stylesheet"/>
- At Theme > Edit HTML find
<head>tag - Paste the embed codes eaelier below
<head>tag. - Click Save Theme
- Refresh your blog pages to see the changes.
More information, confirmed solved issues & mysteries with italic web fonts used on Blogger blogs is discussed here: Blog showing oblique, not italics
Did you encounter any issues with custom web font by Google Fonts used at your blog? Leave a comment below to further discuss with the community.
Got It!
Data submitted via comments collected & stored by the respective providers.
Read our Privacy Policy to learn more on data management & protection.