Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Нестандартные шрифты

Нестандартные шрифты


     09.01.2014    Все вопросы » Стили (CSS)    2679

вопрос
Ребята подскажите что ни так? Подключаю нестандартные шрифты через css а они не подключаются. В чём может быть проблема?

@font-face {
    font-family:"Cuprum";
    font-style:normal;
    font-weight:500;src: local("Cuprum"), local("Cuprum-Regular"), url('../font/cuprum-regular.ttf') format("ttf")
}
@font-face {
    font-family:"Cuprum Bold";
    font-style:normal;
    font-weight:700;src:local("Cuprum Bold"),local("Cuprum-Bold"), url('../font/cuprum-bold.ttf')format("ttf")
}

Сайт

Ответа пока нет


10 комментариев

teleoperator27
Юзер

teleoperator27 - 9 января 2014 15:48 -

первое: нет файла .htaccess в папке с фонтами. Второе: шрифт надо подключать не только ttf, но и woff и eot, для каждого браузера свой.

KAPTMEH
Юзер

KAPTMEH - 9 января 2014 16:00 -

Спасибо, а что в нём нужно прописывать?
По поводу других форматов, то ttf поддерживают все браузеры более или менее новые...

teleoperator27
Юзер

teleoperator27 - 9 января 2014 16:08 -

Ничего не нужно, скопируйте из папки со стилями файл хтацесс и файл индекс.хтмл и все

KAPTMEH
Юзер

KAPTMEH - 9 января 2014 16:25 -

К сожалению не помогло...

KAPTMEH
Юзер

KAPTMEH - 9 января 2014 16:35 -

Блин я я в обще не знаю что за, поменял формат один хрен не выводит шрифт...

@font-face {
    font-family:"Cuprum";
    font-style:normal;
    font-weight:500;
    src: local('Cuprum'), local('Cuprum-Regular'), url('/templates/PlayZik/font/cuprum-regular.ttf') format('truetype')
}
@font-face {
    font-family:"Cuprum Bold";
    font-style:normal;
    font-weight:700;
    src:local('Cuprum Bold'),local('Cuprum-Bold'), url('/templates/PlayZik/font/cuprum-bold.ttf') format('truetype')
}

nambo1
Юзер

nambo1 - 9 января 2014 16:47 -

Попробуй взять шрифт отсюда (слева отметь кирилицу) как подключить там будет показано.

KAPTMEH
Юзер

KAPTMEH - 9 января 2014 16:59 -

Аллилуйя, заработало, ну так то бы ещё не заработало)
Просто я в этой теме недавно и интересно где у меня была ошибка, почему не работало то..

teleoperator27
Юзер

teleoperator27 - 9 января 2014 17:04 -

Вот самый простой вариант,в файл стилей в самом начале, самой первой строкой вставить

@import "http://webfonts.ru/import/cuprum.css";

ну а дальше в стилях
 font-family: 'Cuprum';
font-weight: 400; /*Это нормал*/

Либо
 font-family: 'Cuprum';
font-weight: 700;/*Это болдовый*/
И все будет работать :)

teleoperator27
Юзер

teleoperator27 - 9 января 2014 17:05 -

Вот самый простой вариант,в файл стилей в самом начале, самой первой строкой вставить

@import "http://webfonts.ru/import/cuprum.css";

ну а дальше в стилях
 font-family: 'Cuprum';
font-weight: 400; /*Это нормал*/

Либо
 font-family: 'Cuprum';
font-weight: 700;/*Это болдовый*/
И все будет работать :)

KAPTMEH
Юзер

KAPTMEH - 9 января 2014 17:07 -

Да я уже от гугла подключил)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 22.07.2014 249893  Стили (CSS)
наверх