HTML Text with font-weight : normal is rendering first and Font-weight:bold after it [on hold]

265
August 30, 2017, at 6:32 PM

In production website ( cant disclose ) , the fonts with normal weight seem to render first and then fonts with bold weight gets rendered later. Both are using the same font family. This behavior is seen on Chrome / Opera. normal and bold fonts load from different font files (woff). Also there is hardly any timing difference between the file download.

Any way i can improve this ?

Take a look at nytimes.com in the attached image. This behavior is not coming for me. For my website , the Normal Font weight loads first and then bold. Also the text are within the same section

Answer 1

If due to issues with loading times you have 1 style-sheet loading and being applied, then the other loads and overwrites then you have a few options of going about that.

You haven't provided any code so I'm going to talk theoretically and say you could remove the declaration that is being overwritten if it is not affecting other elements.

You could also use JavaScript to not display the page/specific element until both style-sheets are loaded, meaning that the issue you talk about could never be seen.

This is all the help I can provide without seeing a proper code scenario.

Rent Charter Buses Company
READ ALSO
On click of document or window a open div should close

On click of document or window a open div should close

I am trying to create my custom select drop down using jquery, all goes well except the click event onselect-list, it should close but currently it's not happening, below one is my code

303
Javascript for numbered table of contents

Javascript for numbered table of contents

I am putting together a Sharepoint wiki and on each article I have a wikipedia like table of contents from the headings using what I presume is a javascript that I found on the InterWebz

253
Bootstrap checkbuttons with icons does not works

Bootstrap checkbuttons with icons does not works

I have the need to add checkbuttons to my table and I want use the Bootstrap Button for this

302
how to select and extract texts between two elements?

how to select and extract texts between two elements?

I am trying to scrape this website using scrapyThe page structure looks like this:

275