Где взять шрифты, доступные в Chrome для Android - PullRequest
Новая
       16

Где взять шрифты, доступные в Chrome для Android

0 голосов
/ 13 июня 2019

В настоящее время я использую шрифты на своем веб-сайте, которые работают с Chrome для Windows, но эти шрифты не работают с Chrome для Android.

Я хотел бы использовать следующие шрифты: Haettenschweiler и Impact , но Chrome Browser для Android не имеет этих шрифтов.Вместо этого отображается простой Arial шрифт.

Чтобы решить эту проблему, вероятно, было бы лучше выяснить, какие именно шрифты поддерживаются Chrome для Android, и взять что-то оттуда.Я не смог найти никакой информации о том, какие шрифты поддерживает Chrome.Какие шрифты поддерживает Chrome для Android?

Ответы [ 2 ]

2 голосов
/ 13 июня 2019

Эти шрифты, вероятно, работают на вашем Windows, потому что они установлены на вашем компьютере. Для поддержки пользовательских шрифтов для всех (и других ваших устройств) вы должны загрузить их на свой веб-сайт.
Предоставленные вами шрифты являются лицензионными, и, насколько я знаю, они требуют от вас платить деньги, чтобы использовать их на законных основаниях. Так что для моего примера я буду использовать Roboto .

Помните, что после загрузки шрифта вы все равно должны применить их в своем CSS: 

body {
  font-family: 'Roboto', sans-serif;
}

Внешние шрифты

Внешние шрифты - это шрифты, размещенные на внешних сайтах и ​​импортированные на ваш сайт. Отличное место для поиска бесплатных внешних шрифтов - Google Fonts .
Есть два способа импортировать внешние шрифты.

Вы можете импортировать его в свою голову HTML следующим образом: 

<head>
    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>

Или внутри вашего CSS, используя import примерно так: 

@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

Внутренние шрифты

Внутренние шрифты размещаются вами самостоятельно. Вам потребуется разместить файлы шрифтов на веб-сайте и использовать правило font-face для их загрузки следующим образом: 

@font-face {
  font-family: 'Roboto';
  src: url('roboto.eot'); /* IE9 Compat Modes */
  src: url('roboto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('roboto.woff') format('woff'), /* Modern Browsers */
  url('roboto.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('roboto.svg#svgFontName') format('svg'); /* Legacy iOS */
}
0 голосов
/ 13 июня 2019

Haettenschweiler не включен в Chrome, возможно, он находится в вашей файловой системе, и поэтому вы можете его увидеть. Браузеры могут использовать шрифты, используемые в вашей системе, или пользовательские шрифты; мы называем это web font-kits.

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

Вы можете найти несколько наборов веб-шрифтов на таких сайтах, как Google шрифты и Font squirrel .

...