Расширение на Ответ Grstmo :
system_fonts.xml определяет отображение из семейства шрифтов в реальные файлы шрифтов.Итак, давайте попробуем это:
<div style="font-family: sans-serif; font-style: normal">Regular</div>
<div style="font-family: sans-serif; font-style: italic">Italic</div>
<div style="font-family: sans-serif; font-weight: bold">Bold</div>
<div style="font-family: sans-serif; font-weight: bold; font-style: italic">Bold-italic</div>
<div style="font-family: sans-serif-light; font-style: normal">Light</div>
<div style="font-family: sans-serif-light; font-style: italic">Light-italic</div>
<div style="font-family: sans-serif-thin; font-style: normal">Thin</div>
<div style="font-family: sans-serif-thin; font-style: italic">Thin-italic</div>
<div style="font-family: sans-serif-condensed; font-style: normal">Condensed regular</div>
<div style="font-family: sans-serif-condensed; font-style: italic">Condensed italic</div>
<div style="font-family: sans-serif-condensed; font-weight: bold">Condensed bold</div>
<div style="font-family: sans-serif-condensed; font-weight: bold; font-style: italic">Condensed bold-italic</div>
<div style="font-family: serif; font-style: normal">Serif Regular</div>
<div style="font-family: serif; font-style: italic">Serif Italic</div>
<div style="font-family: serif; font-weight: bold">Serif Bold</div>
<div style="font-family: serif; font-weight: bold; font-style: italic">Serif Bold-italic</div>
<!-- "Droid Sans" actually gives you Roboto. -->
<div style="font-family: "Droid Sans"; font-style: normal">Droid Sans Regular</div>
<div style="font-family: "Droid Sans"; font-weight: bold">Droid Sans Bold</div>
<div style="font-family: monospace; font-style: normal">Monospace Regular</div>
http://jsfiddle.net/9z3tD/4/ =>
(протестировано на Android 4.2)
РЕДАКТИРОВАТЬ: "Droid Sans" на скриншоте явно Roboto.Конфиг поддерживает это, но оказывается, базовый файл является simlink : DroidSans.ttf -> Roboto-Regular.ttf
, DroidSans-Bold.ttf -> Roboto-Bold.ttf
РЕДАКТИРОВАТЬ: Кажется, не имеет значения, цитирую ли я фамилии (http://jsfiddle.net/9z3tD/9/ делает то же самое).CSS различает общие ключевые слова, такие как serif
и заключенные в кавычки "serif"
, которые относятся к шрифту, имя которого называется «засечками»;но конфигурация xml не делает различий, поэтому я догадываюсь в android любой синтаксис ссылается на шрифт с именем «serif».Но может отличаться, если вы создадите пользовательский WebView и настроите его для сопоставления общих ключевых слов с другими шрифтами (setSerifFontFamily()
и друзьями).
Тогда fallback_fonts.xml .У них нет имен;Например, вы НЕ МОЖЕТЕ сказать font-family: "Droid Sans Fallback"
.
Но предполагается, что все они будут испытаны для каждого недостающего символа в других шрифтах.Предположительно, можно даже выбрать подмножество, используя font-variant
из "elegant"
или "compact"
и установив текст lang="ja"
?
Однако я не вижу, чтобы Droid Sans Fallback использовался вообще, поэтому, возможно, запасные варианты не работаютв WebKit: - (
Отказ от ответственности: вышеупомянутое относится к стандартной Android, использующей стандартный браузер и / или Chrome. Я считаю это также относится к WebView (с настройкой по умолчанию), ноне тестировал.
Теоретически производители могут использовать другие шрифты, например, я слышал, что Samsung это делает. На практике скриншотов на всех устройствах Android, на которых у BrowserStack было все - включая Samsungs - посмотрите на мойнетренированные глаза, чтобы быть Roboto или Droid, отличия - только выпуски андроида ... Однако здесь Galaxy S3 пойман не сглаживая Georgia
до serif
так что что-то отличается.
Firefox является хорошим примером того, как браузер делает это по-другому - они переключились на Open Sans и Charis SIL Compact , затем заменили Open Sans на ClearSans .
Полная конфигурация находится в libpref / init / all.js и зависит от языка.
Насколько я могу судить, Firefox игнорирует псевдонимы system_fonts.xml,например, Georgia
приводит к шрифту sans.
OTOH, более старые версии (проверено 30, 34) позволяли вам ссылаться на системные шрифты по имени, даже на Droid Sans Fallback , но это нене работает на FF 36, 37 (эти 2 результата относятся к http://codepen.io/cben/pen/VYgPEE,, поэтому использование AdobeBlank означает, что при просмотре символов используется этот шрифт).
См. также соответствующий ответ о шрифтах, доступных приложениям.