it-swarm.com.ru

Использование другого шрифта с загрузкой Twitter

Я хочу использовать другой шрифт для своего сайта, который не является обычным веб-шрифтом. Я уже создал файлы EOT. Теперь, как я могу интегрировать эти шрифты с загрузчиком Twitter? Кто-нибудь может помочь?

Спасибо

32
dxenaretionx

Самый простой способ, который я видел, это использовать Google Fonts .

Перейдите в Google Fonts и выберите шрифт, после чего Google предоставит вам ссылку для вставки вашего HTML.

Google's link to your font

Затем добавьте это в ваш custom.css:

h1, h2, h3, h4, h5, h6 {
    font-family: 'Your Font' !important;
}
p, div {
    font-family: 'Your Font' !important;
}

или же

body {
   font-family: 'Your Font' !important;
}
49
Kyle Pennell

Вы можете найти настройщик на официальном сайте, который позволяет вам установить некоторые переменные LESS, такие как @font-family-base. Свяжите ваши собственные шрифты в вашем макете и используйте ваш собственный сгенерированный стиль начальной загрузки.

Ссылка здесь

Для примера с правилом @font-face, использующего формат WOFF (который очень хорош для совместимости с браузером), добавьте этот CSS в свой файл app.cssи включите свой собственный файл boostrap.css.

@font-face {
  font-family: 'Proxima Nova';
  font-style:  normal;
  font-weight: 400;
  src: url(link-to-proxima-nova-font.woff) format('woff');
}

Обратите внимание, что Proxima Nova находится под лицензией.

12
zessx

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

Bootstrap 2.3.2 http://getbootstrap.com/2.3.2/customize.html#variables

Bootstrap 3 http://getbootstrap.com/customize/#less-variables

После этого убедитесь, что вы используете правильный @ font-face в CSS-файле и связываете его с вашей страницей. Или вы можете использовать генераторы набора шрифтов.

3
Mon Noval

вы можете настроить файл CSS начальной загрузки Twitter, открыть файл bootstrap.css в текстовом редакторе, изменить семейство шрифтов, указав свое имя шрифта, и СОХРАНИТЬ его.

ИЛИ добрались до http://getbootstrap.com/customize/ и сделайте настроенный загрузчик Twitter

2
Able Alias

Прежде всего, вы должны включить свой шрифт в свой веб-сайт (или, точнее, в CSS), используя соответствующее правило @font-face.
С этого момента есть несколько способов продолжить. Одна вещь, которую я не сделал бы, это редактировать файл bootstrap.css напрямую - поскольку, как только вы получите более новую версию, ваши изменения будут потеряны. Однако у вас есть возможность настроить файлы начальной загрузки (на их веб-сайте есть страница настройки). Просто введите имя вашего шрифта со всеми запасными именами в соответствующее текстовое поле. Конечно, вам придется делать это всякий раз, когда вы получаете новую или обновленную версию ваших файлов начальной загрузки.
Еще один шанс - переписать правила начальной загрузки в другой таблице стилей. Если вы делаете это, вы просто должны использовать селекторы, которые столь же специфичны, как (или более специфичны) селекторы начальной загрузки.
Примечание: если вам нужна поддержка браузера, одной версии EOT вашего шрифта может быть недостаточно. Смотрите http://caniuse.com/eot для поддержки таблицы.

0
Onkel Toob