Как применить резервный шрифт?

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

body { 
font-family: sans-serif; 
}

Это мой CSS сейчас. Я читал, что если вы поместите второй запасной шрифт, он будет использоваться только на устройствах, на которых не работает ваш первый шрифт.Как применить резервный шрифт?

Тем не менее, на моем ноутбуке он хочет отобразить запасной шрифт (он читает первый шрифт, когда резервное копирование выходит из моего CSS). Как применить резервный шрифт без его -ручения - мою страницу?

источник

2017-01-20 Laura Nijhuis

Важная техническая информация: у вас * не * есть два шрифта в вашем первом блоке 'body'. У вас есть один шрифт, 'Ubuntu' (которому не нужны кавычки btw, так как в нем нет не буквенно-цифровых символов), и у вас есть * общий класс шрифтов *. «sans-serif» не является шрифтом, это специальное ключевое слово, которое сообщает браузеру «знаете, что?» Выберите ** любой шрифт **, который имеет набор бит без засечек, мне даже не важно, какой из них вы выбираете ». Тем не менее, посмотрите на свой код, а затем спросите себя: «что происходит, когда я устанавливаю« font-family », а затем я устанавливаю его снова». –

Снимите второй блок.

Вы уже определились в качестве резерва. sans-serif. Если вы хотите добавить еще один шрифт, Arial, например, просто добавьте его в список разделенных запятыми:

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

В этом примере, если Ubuntu не установлен, будет использоваться Arial. Если Arial не установлен, будет использоваться шрифт sans-serif по умолчанию.

Что вы делаете в своем примере: overriding первый блок стиля со вторым, поэтому sans-serif всегда используется, и первый блок игнорируется.

источник

2017-01-20 13:40:08 Turnip

Это потому, что вы должны предоставить их в одной строке CSS, например:

body { 
    font-family: Ubuntu, Arial, 'Your font', sans-serif; 
}

Это порядок шрифтов, который решает, какой шрифт использовать. Заявка body во второй раз переопределит первый. Узнайте больше о font-family по адресу MDN.

источник

2017-01-20 13:41:30 Roy

нет причин процитировать Ubuntu, в нем нет символов, требующих цитирования (очевидно, «ваш шрифт» нуждается в котировках) –

@ Mike'Pomax'Kamermans Просто скопируйте/вставьте его из вопроса, но хорошо. Обновленный ответ. – Roy

Ваш второй body/font-family правило перезаписывает первый, поэтому браузер никогда не будет выбирать шрифты, перечисленные в первом правиле.

Просто удалите второе правило и добавьте резервный шрифт в свое первое правило, как второе в списке шрифтов ('Ubuntu', Arial, sans-serif;).

источник

2017-01-20 14:15:22 Johannes

ответ

Смежные вопросы