Наверх
 

Навигация
Опрос
Какие виды уроков Вы хотите видеть на сайте?
Битрикс
DLE
CSS
Joomla
Wordpress
Все для хостинга
Все для фотошопа
Другое

База уроков » » » Как подключить свой шрифт на сайте

Как подключить свой шрифт на сайте

08 июн 2014 | Комментариев: 0 | Просмотров: 2461

В этой статье расскажу как правильно подключить свой шрифт на своем сайте. У вас есть шрифт скачанный или с нашего сайта или нет. Вы его берете кидаете в любую папку на вашем сервере. Далее в основной CSS или создаете дополнительный файл для шрифтов. Я всегда создаю новую и называю fonts.css и в этом файле я подключаю свой шрифт. (Самое главное не забудьте новый фай подключить в шаблоне)

 

Вот код который вы должны вставить:

 

@font-face {
font-family:'Menuet script'; /*Здесь Вы называете как хотите его использовать*/
src: url('здесь указываете путь до вашего залитого файла (шрифта)');
}

 

Ну вот все сделали подключили, а теперь осталось понять как подключить его. Это тоже очень просто. Где вы будете указывать font-family вы будете подставять свое название. Например:

 

h1 { font-family:Menuet script; }

 

Вот и все, что Вам не понятно пишите я полностью Вам расскажу



Ссылка на новость:

    html-cсылка на публикацию
    BB-cсылка на публикацию
    Прямая ссылка на публикацию

ЕЩЕ НА ЭТУ ТЕМУ:

Убрать точки li (убираем маркеры у списка)

Убрать точки li (убираем маркеры у списка)

В этой статье расскажу как в CSS убрать маркеры.
Кнопки с анимацией на CSS3

Кнопки с анимацией на CSS3

Красивые кнопки с анимацией на CSS3. Всегда подойдет любому сайту
Слайдшоу с эффектами на HTML5 и jQuery

Слайдшоу с эффектами на HTML5 и jQuery

Красивый слайдшоу с эффектами на HTML5 и jQuery
Обычное меню на CSS3 с закругленными краями

Обычное меню на CSS3 с закругленными краями

Простое CSS3 меню с закругленными краями использующее свойство ...border-radius, поэтому в IE может не отображаться.
Красивый эффект анимации для галереи

Красивый эффект анимации для галереи

Эффект, который позволит преобразить вашу галерею фотографий, с помощью библиотеки Raphael и jQuery. Нужно создать три файла: index.html, default.css, init.js
Красивая анимация заголовка изображения

Красивая анимация заголовка изображения

Красивый эффект анимации при наведении на картинку, у которой по верх отображается ее название.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.