Шаблон MF 9.0

Шрифты

В комплекте MF множество разных шрифтов. Их выбор осуществляется на странице Настройки шаблона - Дизайн: можно отметить те из них, которые предполагается использовать в своём шаблоне.

По умолчанию в шаблоне используется шрифт Open Sans (файл opensans.css) и Roboto Slab (файл robotoslab.css).

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

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

Например для шрифта Caveat используется класс t-caveat.

Lorem ipsum решила выйти в большой мир
   HTML:   <h2 class="t-caveat">Lorem ipsum решила выйти в большой мир</h2>
BB-Code:   [h2(t-caveat)]Lorem ipsum решила выйти в большой мир[/h2]
 Simple:   h2(t-caveat) Lorem ipsum решила выйти в большой мир

Установка шрифта для всего сайта

Можно установить выбранный шрифт для всего сайта. Для этого ниже приведена строчка с :root {...}, которую нужно вставить в Настройках шаблона - CSS стили.

На вкладке Дизайн, после этого не забудьте отметить css-файл шрифта для подключения.

Alegreya serif
t-alegreya
alegreya.css
:root {--body-font-family: "Alegreya";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Alegreya Sans sans serif
t-alegreyasans
alegreyasans.css
:root {--body-font-family: "Alegreya Sans";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Arimo sans serif
t-arimo
arimo.css
:root {--body-font-family: "Arimo";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Bad Script cursive/handwriting
t-badscript
badscript.css
:root {--body-font-family: "Bad Script";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Caveat cursive/handwriting
t-caveat
caveat.css
:root {--body-font-family: "Caveat";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Exo2 sans serif
t-exo2
exo2.css
:root {--body-font-family: "Exo 2";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Fira Sans sans serif
t-firasans
firasans.css
:root {--body-font-family: "Fira Sans";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Gabriela serif
t-gabriela
gabriela.css
:root {--body-font-family: "Gabriela";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Ibm Plex Sans sans serif
t-ibmplexsans
ibmplexsans.css
:root {--body-font-family: "IBM Plex Sans";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Lora sans serif
t-lora
lora.css
:root {--body-font-family: "Lora";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Marck Script cursive/handwriting
t-marckscript
marckscript.css
:root {--body-font-family: "Marck Script";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Neucha cursive/handwriting
t-neucha
neucha.css
:root {--body-font-family: "Neucha";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Noto Sans sans serif
t-notosans
notosans.css
:root {--body-font-family: "Noto Sans";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Open Sans sans serif
t-opensans
opensans.css
:root {--body-font-family: "Open Sans";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Pacifico cursive/handwriting
t-pacifico
pacifico.css
:root {--body-font-family: "Pacifico";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

PT Sans sans serif
t-ptsans
ptsans.css
:root {--body-font-family: "PT Sans";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Roboto sans serif
t-roboto
roboto.css
:root {--body-font-family: "Roboto";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Roboto Slab serif
t-robotoslab
robotoslab.css
:root {--body-font-family: "Roboto Slab";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Source Sans Pro sans serif
t-sourcesanspro
sourcesanspro.css
:root {--body-font-family: "Source Sans Pro";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир

Ubuntu sans serif
t-ubuntu
ubuntu.css
:root {--body-font-family: "Ubuntu";}

Lorem ipsum решила выйти в большой мир

Normal: Lorem ipsum решила выйти в большой мир

Bold: Lorem ipsum решила выйти в большой мир

Italic: Lorem ipsum решила выйти в большой мир

BoldItalic: Lorem ipsum решила выйти в большой мир