Chinese font

Hi Irene,

I think the size difference is due to the font Author normally uses. Try adding this CSS to the site and it will use a different font that should size the Chinese characters more similarly:

.entry .post-title {
  font-family: "Lato", sans-serif;

Please copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

Hi Ben,

Doesn’t seem to be working … probably because I’ve the following at Additional CSS

” #main {
padding-left: 5.55%;
padding-right: 5.55%;
}”

—>>> (for enlarging the right side) ??

Sorry, I missed the closing curly brace which is why it isn’t working. Here’s how the complete code should look with your existing code included:

#main {
  padding-left: 5.55%;
  padding-right: 5.55%;
}
.entry .post-title {
  font-family: "Lato", sans-serif;
}

Sorry Ben, it’s not working … nothing changed, it seems.

@media (min-width: 43.75em)
.post-title {
font-size: 2.1875em;
/* This was font-size: 3.1875em; */
}

Ben, this changes the

<H1>

size where the Chinese Characters are located, but I’m not sure how you’d get that into the Additional CSS file though, being as @media is dynamic.

Irene, the new value does reduce the Chinese Fonts size quite nicely.

This is a fascinating problem, .. laters!

Good morning Mrs., Ben and all

Thank you Lady Simpson… I changed the ‘font-size to 1.9875em’ — the size of the title is visibly reduced but the Chinese characters in proportion are still large, compare to the English alphabets.

• This reply was modified 4 years, 8 months ago by ireneeng.
• This reply was modified 4 years, 8 months ago by ireneeng.

Changing the font size will change the size of the whole heading, but will not change the difference between the English and Chinese characters. This is due to the “Rokkitt” font family being used in Author which does have unusually small English characters.

The code I shared will change the font to the “Lato” font which is used everywhere else on the site besides headings, and it should look like this after that code is applied: https://screenshot.competethemes.com/lluJdD87

Thank Ben, I’m using the following … hope it’s ok, (like, not ruining the site or anything …)

#main {
padding-left: 3.88%;
padding-right: 3.88%;
}
.entry .post-title {font-family: “lato”}
.post-title {
font-size: 1.9875em;
/* This was font-size: 3.1875em; */
}

Yea that code looks fine. I see it affecting the post titles properly now as well.

Hi Ben, it’s me, again

#main { padding-left: 3.88%;
padding-right: 3.88%;
}
.entry .post-title {font-family: “lato”}
.post-title {
font-size: 1.9875em;
/* This was font-size: 3.1875em; */
}
aside.wp_widget_tag_cloud a {
font-size: 1.1em!important;
padding-right: 0.3em;
}

I added something to have the tags of the same size, but not sure how to arrange each additional CSS (?) command. Could you pls help? Thank you so much.

Hey there,

I’ve cleaned up the formatting and made one edit to how the code functions:

#main { 
  padding-left: 3.88%;
  padding-right: 3.88%;
}
.entry .post-title {
  font-family: “lato”;
}
/* This was font-size: 3.1875em; */
.post-title {
  font-size: 1.9875em;
}
.wp_widget_tag_cloud a {
  font-size: 1.1em !important;
  padding-right: 0.3em;
}

The new addition was fine but needed to be altered a bit to work with Author. Give that a shot and let me know how it goes.

Thank you Ben.

… it didn’t work. I copy/paste the above, didn’t change a thing.

I see. The class name needs another update. Please try this code instead:

#main { 
  padding-left: 3.88%;
  padding-right: 3.88%;
}
.entry .post-title {
  font-family: “lato”;
}
/* This was font-size: 3.1875em; */
.post-title {
  font-size: 1.9875em;
}
.sidebar-primary .widget_tag_cloud a {
  font-size: 1.1em !important;
  padding-right: 0.3em;
}

Dear Ben, it works!

Thank you so muchyyy.

Glad to hear that! You’re welcome ??