1 Correct answer
Well that's your problem. Use universal character encoding of UTF-8, not iso-8859-1.
Read chapters & do code exercises
- https://www.w3schools.com/html/
- https://www.w3schools.com/css/
9
Replies
You can't predict which fonts are available on all devices so you make a font-family from a web-safe list of fonts with similar characteristics.
As an example,
body {
font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
font-size: calc(16px + 1vw);
line-height: calc(1.1em + 0.5vw);
}
When 1st font isn't available, the 2nd font is displayed, or the 3rd or 4th, etc... until one matches the device fonts.
As seen in Dreamweaver Live View.
As seen in latest Firefox desktop browser:
Since this is being viewed from the same device, the fonts are identical.
On another device, the fonts may be different.
If you're experiencing other problems, be sure to validate code and fix reported errors.
HTML https://validator.w3.org/
CSS https://jigsaw.w3.org/css-validator/
Hope that helps.
Thanks for the overview. However, using the Lucida Grande...Verdana font family on the same device, the number 0 had apparently changed to the font with a diagonal line inside the character in Chrome/Mac/Monterey.
By @Avatar55977840
The only time I have seen strange font behavior on a Mac prior is when there is a corrupt font on the system. Has this problem only started to occur recently, and if so, can you try disabling some of the newly installed fonts to see if this remedies the issue.
AdChoices