Хобрук: Ваш путь к мастерству в программировании

Какой файл нужен современным браузерам с потрясающим шрифтом?

У меня есть следующее в моем файле LESS/css:

@font-face {
  font-family: 'FontAwesome';
  src: url('/Content/font-awesome/fontawesome-webfont.eot?v=3.0.1');
  src: url('/Content/font-awesome/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('/Content/font-awesome/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('/Content/font-awesome/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}

[class^="fa-icon-"],
[class*=" fa-icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}

Мое приложение работает и правильно отображает значки, но я не понимаю, какой из этих файлов будет использоваться. Я использую все современные браузеры IE9, последний Chrome, Firefox и Safari.

23.12.2013

Ответы:


1

Пожалуйста, посмотрите на изображение ниже

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

23.12.2013
  • Но разве это не приводит к очень большим загрузкам? Я пытаюсь использовать icnfnt.com/#, чтобы уменьшить размер, но попытка сделать это сегодня вроде уже не работает :-( 23.12.2013
  • Новые материалы

    От AlphaGo до самоуправляемых автомобилей: понимание основ обучения с подкреплением
    Руководство для начинающих по RL! Готовы ли вы исследовать передовые технологии искусственного интеллекта? Откройте для себя захватывающий мир обучения с подкреплением ! От ошеломляющей победы..

    Как сделать все элементы равными из списка в минимальных операциях в Python, используя math.ceil()
    Сегодня мы узнаем, как найти минимальные операции, необходимые для того, чтобы сделать все элементы из списка равными, используя Python в качестве языка программирования. Я использую PyCharm в..

    Создание пользовательских событий в React Native
    Обновление: это решение больше не работает, поскольку React Native не включает стандартную библиотеку Node. Однако есть автономные модули, в которых реализован API EventEmitter. Рассмотрите..

    За кулисами метода JavaScript Array.filter()
    Array.filter() — это встроенный в JavaScript метод, который создает новый массив со всеми элементами исходного массива, прошедшими определенный тест. Метод не изменяет исходный массив...

    Прогресс с моделью скрытой диффузии, часть 3 (машинное обучение)
    Выровняйте свои латентные данные: синтез видео высокого разрешения с моделями скрытой диффузии (arXiv) Автор: Андреас Блаттманн , Робин Ромбах , Хуан Линг , Тим Докхорн , Сын Ук Ким ,..

    Totaljs Flow: триггерные компоненты
    Total.js — это мощная и универсальная среда веб-приложений, которая предоставляет разработчикам ряд инструментов для оптимизации процесса разработки. Total.js Flow — самый популярный..

    Сквозное машинное обучение BigQuery
    Используйте Google Cloud BigQuery для участия в конкурсе Kaggle Я покажу вам, как прогнозировать выживших после катастрофы Титаника, используя только BigQuery и API Kaggle . С тех пор, как я..