[Bug report] editorial 2 theme font weight ignored

[lucky8luke]

Operating system

OSX

Publii version

0.47.3

Issue type

Free theme

Bug description

I am using Editorial 2 theme in version 2.2.0.0

Body text in bold turns a font from grey to black colour. That in itself is fine to me. But, bold only changes the colour, without it being bold.

Settings->Theme->fonts->bold font weight setting to any value doesn't appear to change anything. Similarly, for the normal font weight, changing the setting doesn't appear to change a thing.

A few publii included fonts were tried which all exhibit this behaviour. In the end I wish to use atkinson hyperlegible or atkinson hyperlegible next, which also exhibit this behaviour. Behaviour is equivalent between WYSIWYG and Markdown.

In the theme there appears code for the italic woff2 of a font, but not for the bold woff2 of a font. Example:

src: url('../dynamic/fonts/${key}/${key}-italic.woff2') format('woff2');

How can I get bold looking like real bold in this theme?

Steps to reproduce

No response

Relevant log output

No response

[candidexmedia]

There's definitely a strange bug going on with the bolds in that theme, it seems...

Here's a quick fix with CSS:

b, strong {
	font-weight: 600;
}

You can swap 600 to whatever number you want, depending on the weights supported by the font.

See the following gist on how to add new CSS rules: Editing CSS in Publii

[lucky8luke]

Thanks for the quick fix, it works !

[lucky8luke]

I come back to this problem, as while the suggested solution does work in previewing mode, once the site gets generated and uploaded somehow bold no longer seems to hold ?

So preview works, and in exactly the same browser once the site is generated and uploaded to the server it does not hold.

[candidexmedia]

@lucky8luke Could you let me know:

1. Which technique you used to edit the CSS?

2. Provide a link to the live site so that I can inspect it?

[lucky8luke]

1. tools & plugins -> custom CSS ->
   b, strong { font-weight: 600; } blockquote { font-style: unset; } blockquote p { margin: 0; }

2. tried to find a way to send you a PM through github, couldn't find, is there one?

[candidexmedia]

I've just tried it on my end, and was able to get it working with this:

b, strong {
    font-weight: 600; 
} 

blockquote {
    font-style: unset;
} 

blockquote p {
    margin: 0;
}

Don't have it all in one line. For some reason, that erased the additions in the Publii GUI, or maybe I forgot to save it, LOL...

[lucky8luke]

In fact, it needs the extra space under every } to work. Weird.