Шрифт HTML не работает должным образом на моем компьютере, но работает на других устройствах

Привет, я новичок в 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

Что я получаю на другом устройстве

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
0
55
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

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 Большое спасибо, что исправили мои неправильные знания, и я отредактировал свой ответ.

Han Han 09.02.2023 07:56

Другие вопросы по теме