Шрифт неправильно отображается

Question

У меня есть веб-страница, где я использую "font-family: Poppins-Medium;" В моем P C шрифт отображается правильно. Однако на других компьютерах отображается только шрифт «Times New Roman». Кто-нибудь может мне помочь?

См. CSS код:

.txt2 {
  font-family: Poppins-Regular;
  font-size: 14px;
  color: #999999;
  line-height: 1.5;
}

Спасибо.

PS: Это ссылка на страницу: http://ez2main.somee.com/estock/cliadd.asp

Answer 1

Когда это происходит со мной, это потому, что у меня установлен шрифт на моем компьютере, но нет на сервере. Обязательно установите свой пользовательский шрифт с помощью @font-face перед его использованием.

@font-face { font-family: 'Poppins-Regular'; src: url('../font/Poppins-Regular.eot'); /* IE9 Compat Modes */ src: url('../font/Poppins-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/Poppins-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/Poppins-Regular.woff') format('woff'), /* Modern Browsers */ url('../font/Poppins-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ }

Также убедитесь, что добавлены соответствующие резервные шрифты, чтобы сделать его более изящным.

font-family: Poppins-Regular, 'second-closest-font', Arial, etc;

Answer 2

Чтобы использовать собственный шрифт, вы должны сначала объявить @ font-face . По этой ссылке все написано, но позвольте мне немного подвести итог:

шаг 1: загрузить файлы шрифтов на сервер

шаг 2: объявить имя шрифта и использовать свойство src для свяжите эти файлы.

шаг 3: теперь пользовательский шрифт будет отображаться в каждом браузере, поскольку они доступны на сервере.

Надеюсь, это поможет!

Answer 3

Браузер, в котором не установлены эти шрифты, пытается загрузить их с URL-адреса http://ez2main.somee.com/fonts/poppins/Poppins-Regular.ttf, и это недопустимый URL-адрес.

Если вы предоставляете данные, хотите предоставить эти шрифты, вы должны сделать их доступными с вашего сервера. В противном случае используйте стандартные шрифты, которые есть у каждого браузера.

Answer 4

Я рекомендую вместо этого использовать веб-шрифты.

https://www.w3schools.com/cssref/css_websafe_fonts.asp