Привет, я новичок в HTML, но у меня возникла проблема, когда на моем компьютере шрифт не работает или показывает правильное семейство шрифтов, но он работает в IE или другом компьютере. Есть идеи, в чем проблема? Мне нужно знать точный результат моего стиля, так как я не имею представления о том, как выглядела моя веб-страница, пока я не представил ее в своем классе.
<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>
Вот результат в моем Chrome или Microsoft Edge, он показывает ударный шрифт или то, что я, по крайней мере, ожидал результат
То, что я ожидал или показываю на своем ПК
А вот результат на других компьютерах/устройствах или в IE
font-family: fantasy
не загружает определенный шрифт, fantasy
— это специальное ключевое слово (остальные четыре — serif
, sans-serif
, monospace
и cursive
), которое указывает браузеру загрузить «любой шрифт из категории фэнтези». Вам гарантируется, что при его использовании разные компьютеры могут загружать разные шрифты. Если вы хотите загрузить определенный шрифт, использование веб-шрифта — единственный реальный способ гарантировать, что все браузеры во всех системах загрузят один и тот же шрифт.
Семейство шрифтов означает тип шрифта, такой как Arial и Nunito, и ваш код означает загрузку любого шрифта в категории фэнтези.
Если вы хотите загрузить шрифт, существующий на компьютере, вы можете использовать этот код:
p {
font-family:"Times New Roman",Georgia,Serif;
}
ps: шрифт Geneva будет использоваться, если Times New Roman не существует.
Если вы хотите загрузить на свою веб-страницу шрифт, которого нет на компьютере, вам нужно поместить файл WOFF2 в свой HTML, и это может работать:
@font-face {
font-family: 'MyWOFF2';
src: url('The URL of the WOFF2');
}
.website-purpose {
color: green;
font-size: 1.5em;
font-family: 'MyWOFF2';
}
Для получения дополнительной информации о семействе шрифтов вы можете посетить Этот веб-сайт
@Mike'Pomax'Kamermans Большое спасибо, что исправили мои неправильные знания, и я отредактировал свой ответ.