You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

  Wednesday, 19 October 2022
  3 Replies
  363 Visits
I've successful added a and editor.css file and three custom GOOGLE fonts which work.

How do make the font weights selectable?

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,[email protected],400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Parisienne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:[email protected];500;600;700&display=swap');
more than a month ago
·
#112082
Adding the font weights allows the correct display of the font when you format text with the Bold button (equivalent to font-weight:700) or when you style any text with the font-weight css rule.

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#112090
Thanks. Where specifically do "style any text with the font-weight css rule."?
more than a month ago
·
#112091
The best way to do this would be to add some css rules tou your template stylesheet, which you could then select and apply from the editor Styles list, eg:

.

font-weight-400 {
font-weight: 400;
}

.font-weight-500 {
font-weight: 500;
}

.font-weight-600 {
font-weight: 600;
}

Just because you're not paranoid doesn't mean everybody isn't out to get you.

  • Page :
  • 1
There are no replies made for this post yet.
Be one of the first to reply to this post!