Website Text not displaying correctly Options

[DeadSayWhat]

Hi, I am trying to create a website for a university project but any text I put in appears like this
When I highlight or select the text it comes up as the correct text however the original text (not in the code but the display) is ending up the way in the image
Tried running it in other browsers and all that jazz but nothing is changing
Any help would be greatly appreciated

[Christian J]

Could you link to a test page showing this? Or post the code of the page here?

BTW, I could see the image at the top of your post, but at the bottom of the post it says "Attached image(s)
Attached Image" but no attachment is shown. This could be a forum bug, but just in case: https://forums.htmlhelp.com/index.php?showtopic=60737

[pandy]

Something overlapping? Have you fiddled with line-height?

Yes, please. A link would be good.

[DeadSayWhat]

For some reason workupload.com appears like https://postimg.cc/06c6jDQM as well as other websites. When I highlight the text and copy it it appears correct and works correctly on other devices.
I have tried using other browsers but the issue persists whenever I use this computer. Since the issue does not exist on other computers I believe it is an issue on my end.
Any help would be greatly appreciated.

[pandy]

What's the problem? Is the text cut off, displayed in the wrong language or what? The screen cap is so low resolution I can't see what it shows.

Anyway, this is with all webpages, not with your own page, I take it?

[DeadSayWhat]

What's the problem? Is the text cut off, displayed in the wrong language or what? The screen cap is so low resolution I can't see what it shows.

Anyway, this is with all webpages, not with your own page, I take it?

The screen cap isn't low res it is 1920 x 1080 the text just displays like that no matter what. You can still read the text in the address bar or tab title

[Christian J]

Do all web sites look like that, or only some? Try to find out which fonts that are affected, and which are not.

My (wild) guess is that something is wrong with one or more font files on that computer. You might test that theory by making a page with various CSS fonts and see if all of them give the same result. Or try using remotely hosted web fonts on the test page (since those fonts come from a different source than the ones installed on your OS). Even better if you could the same font as in the address bar (if you know its name), since at least that one is known to work.

Or maybe it's something from say an addon/extension (or malware) that obfuscates text only in browser windows? But it's strange that multple browsers are affected.

[Christian J]

I merged an older thread with this one.

[pandy]

You can still read the text in the address bar or tab title

That's not what I need to see to understand what you talk about.

[DeadSayWhat]

You can still read the text in the address bar or tab title

That's not what I need to see to understand what you talk about.

I know but the screen cap is not low res, it is 1080p. I just was mentioning that text to prove it

[pandy]

I don't know why I bother to ask since you seem determined not to answer our questions. But one more. Is this the same problem you posted about back in January, the first post in this thread?

[DeadSayWhat]

I don't know why I bother to ask since you seem determined not to answer our questions. But one more. Is this the same problem you posted about back in January, the first post in this thread?

Oh sorry I misunderstood what you asked, it happens with some webpages but not all of them and yes, it is the same problem that I posted about back in January (though that was for a different webpage).

[Christian J]

it happens with some webpages but not all of them

https://workupload.com seems to use the fonts "Roboto, Helvetica, sans-serif" for all its content. Could you make a test page with those fonts and see if it works?

(Although the above page works for me, there are a few errors in the enormous stylesheet:
https://jigsaw.w3.org/css-validator/validat...ng=&lang=en )

[DeadSayWhat]

I think that the problem it that somehow my computer has erased sans serif and it won't reinstall no matter what language pack I install

[Christian J]

No, when there's a list of fonts like e.g.

CODE

p {font-family: Roboto, Helvetica, sans-serif;}

the browser will use the first font in the list that the OS contains. In this case, if your OS has Roboto then that will be used; otherwise it will look for Helvetica, and so on. sans-serif is not an actual font name, it just means whatever generic font without serifs that the browser uses.

See also
https://www.w3.org/TR/css-fonts-3/#font-family-prop
https://www.w3.org/TR/css-fonts-3/#generic-family-value

If your computer's OS contains Roboto you can simply test with this:

CODE

body {font-family: Roboto;}

to begin with. If your computer does not contain Roboto, try this instead:

CODE

body {font-family: Helvetica;}

and if you don't have that either, try:

CODE

body {font-family: sans-serif;}

[pandy]

And if not a single sans serif font can be found the browser will probably use Times New Roman. 😁

[DeadSayWhat]

I have managed to fix the issue by copying the sans serif font file from another computer and replacing the one on mine.
Thank you for all the help

[pandy]

What sans serif font? Did the computer only have one single font and that was so awkward that it caused that problem?

[DeadSayWhat]

What sans serif font? Did the computer only have one single font and that was so awkward that it caused that problem?

Microsoft Sans Serif (micross.ttf) was missing so I just copied it from another computer and that fixed the issue

[Christian J]

What pandy means is that your computer surely must contain many more sans-serif fonts (such as Arial or Verdana), don't any of them work? Note that "sans-serif" is not a particular font, it's any font without serifs: https://en.wikipedia.org/wiki/Sans-serif#Tw...ury_sans-serifs