0

Hi i am new to the HTML but i am having this issue where in my pc the font is not working or showing the right font-family but it works on IE or other computer any idea what seems to be the issue? I need to know the Accurate result of my style since i don't have an idea on what my webpage looked like until i presented it on my class

        <p style="font-size: 500%;
                    font-family: Fantasy;
                    color: white;">
            10 Important Computer Personalities<br>
            <span style="font-size: 50%;-webkit-text-stroke-width: 2px;">List by: Name</span>
        </p>

Here is the result on my Chrome or Microsoft Edge it is showing the Impact Font or what i atleast have expected the result

What i have expected or showing on my PC

And here is the result in other computers/devices or IE

What i get on other device

KianCarlo Ricarze
  • 3
  • 1

2 Answers2

1

font-family: fantasy does not load a specific font, fantasy is a special keyword (the other four being serif, sans-serif, monospace, and cursive) that tells the browser to load "any font that is in the fantasy category". You are guaranteed that by using it, different computers may load different fonts. If you want to load a specific font, using a webfont is the only real way to ensure all browsers, on all systems, load the same font.

Mike 'Pomax' Kamermans
  • 49,297
  • 16
  • 112
  • 153
-1

Font family means a kind of font such as Arial and Nunito，and what your code means is to load any font in the fantasy category
If you want to load a kind of font that exists in the computer, you can use this code:

p {
font-family:"Times New Roman",Georgia,Serif;
}

ps: Geneva font will be used if Times New Roman does not exist.

If you want to load a kind of font in your webpage that did not exist in the computer, you need to put WOFF2 file in your HTML, and this can work:

@font-face {
font-family: 'MyWOFF2';
src: url('The URL of the WOFF2');
}

.website-purpose {
    color: green;
    font-size: 1.5em;
    font-family: 'MyWOFF2';
}

For more information about font-family, you can visit This website

Han Han
  • 328
  • 12