Change font in paragraph
- This topic has 3 replies, 3 voices, and was last updated 2 months, 1 week ago by .
- August 6, 2021 at 9:57 am #6128wefer
Hi. I use the WYSIWYG editor for my posts. I can change easily font color, use bold, italic or even exotic things like strikethrough. But I can’t choose font type. Yes, I can choose paragraph style (H1, H2,…) and three predefined paragraph types (Info, Highlight and Success), but this is not what I want.
I want to choose any font type from a list, like in a computer text editor. I think that Google Fonts is a good option to do it online. But I’ve to edit the head section, put a link to the specific Google Font, then create a CSS class, then edit my post in HTML mode to include it manually… REALLY?! For only one paragraph? Lot of work for something so simple.
- Why changing fonts in a post (not in a theme) is so painful and not so easy like change colors?
- I’m missing something? There is an easier way to change a font style without requiring to create a CSS class and edit HTML manually?
Thanks.August 6, 2021 at 11:25 am #6129t79
Is it okay for you to do it for all paragraphs or do you want to only for selected ones?
If you want to change all I think you can use custom formats https://getpublii.com/dev/post-editor-api/#customformats
I have not tried it out myself. You still have to create css classes but you can select them in the editor instead of editing the HTML as I have understood.August 6, 2021 at 5:50 pm #6133wefer
Thanks, it’s a good trick.
Anyway, what I want is to use a different font (not always the same) in a single paragraph occasionally, and it’s disproportionate to modify theme CSS files to do it.August 7, 2021 at 7:56 am #6136Bob
Why changing fonts in a post (not in a theme) is so painful and not so easy like change colors?
The answer is simple – to have a fast website, you shouldn’t use more than 2-3 different fonts. This is why the post editors do not and will not offer this feature. (I recommend reading the “How to optimize fonts for a faster website” article.
Almost all Publii themes offer multiple pairs of fonts, so you can try using them for your needs: create a CSS class (using the CSS tool) with the font family, and then apply that class to your paragraph.
From my point of view and experience (Web Design), in cases where you need to use slogans/text stylized with different fonts, use SVG or any other graphic files.
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!
- You must be logged in to reply to this topic.