CSS @font-face - что означает" src: local ('☺')"?

Я использую @font-face впервые и скачал font-kit от fontsquirrel



код, который они рекомендуют вставить в мой CSS:



@font-face {

    font-family: 'junctionregularRegular';

    src: url('Junction-webfont.eot');

    src: local('☺'), 

        url('Junction-webfont.woff') format('woff'), 

        url('Junction-webfont.ttf') format('truetype'), 

        url('Junction-webfont.svg#webfontoNEpZXy2') format('svg');

}


сейчас, смайлик вещь имеет меня в тупик. Но также и количество URL-адресов в src - почему они рекомендуют так много файлов, и все они будут отправлены в браузер при отображении страницы? Есть ли какой-то вред в удалении всего, кроме этого .ТТФ?

766   3  

3 ответов:

Если Вы читаете заметки в font-squirrel's font-face generator, вы увидите, что это был gotcha от paul irish.

вот отрывок из его блоге:

и.. относительно @font-face синтаксис

теперь я рекомендую вариант пуленепробиваемый смайлик по сравнению с оригинальным пуленепробиваемым синтаксисом.

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('☺'),
       url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}

С пуленепробиваемого поста:

Да, это смайлик. Этот Спецификация OpenType указывает, что любые двухбайтовые символы юникода не будут работать в имени шрифта на Mac вообще, так что уменьшает вероятность того, что кто-то действительно выпустил шрифт с таким именем.

есть несколько причин, почему смайлик является лучшим решением:

  • Webkit+программное обеспечение для управления шрифтами может испортить локальные ссылки, например превращение глифов в блоки.

  • на OS X, программное обеспечение для управления шрифтами может изменять Системные настройки для отображения диалоговое окно при попытке доступа к локальный () шрифт, который доступен вне библиотеки / шрифтов. Дополнительные подробности на моем пуленепробиваемом посту. Шрифт проводника х также известно, что испортить другие вещи в Браузер firefox.

  • хотя это маловероятно, вы могли бы ссылка на локальный () шрифт, который является полностью отличается от того, что вы думаю, что да. (Typophile пост разные шрифты, одно и то же имя) по крайней мере, это риск, и вы контроль за сдачей типа как браузер и хост-машина. Этот риск может не стоить пользы избегая загрузки шрифта.

Это все довольно крайние вопросы, но это стоит рассмотреть.

89  
2012-08-27 17:17:24

local (☺︎)-это CSS-хак, чтобы отвлечь IE6-8 от загрузки шрифтов, которые он не может использовать (он может использовать только шрифты в формате EOT).

пояснил: последнее свойство src имеет приоритет в каскаде CSS, что означает, что CSS будет проанализирован снизу вверх. Локальный (☺︎) заставит IE пропустить src внизу, не тратя впустую полосу пропускания, загружая шрифты, которые он не может использовать, и скорее перейти прямо к EOT (определенному в строке выше), который он будет использовать. Смайлик просто для того, чтобы убедиться не будет локального шрифта с таким именем (комбинацией символов).

Подробнее читайте здесь:http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/

27  
2014-10-08 10:23:11

@font-face последнее свойство src имеет приоритет в каскаде CSS, что означает, что CSS будет проанализирован снизу вверх.

-3  
2016-02-10 13:08:23

Comments

    Ничего не найдено.
Click here to cancel reply.