Использование другого шрифта с помощью twitter bootstrap

Ответ 1

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

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

Затем добавьте это в свой 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;
}

Ответ 2

На официальном веб-сайте вы можете найти настраиватель, который позволяет вам устанавливать некоторые 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 находится под лицензией.

Ответ 3

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

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

Бутстрап 3 http://getbootstrap.com/customize/#less-variables

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

Ответ 4

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

ИЛИ попал в http://getbootstrap.com/customize/ и сделал настраиваемый загрузочный твиттер

Ответ 5

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