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

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


     09.01.2014    Стили (CSS)    2231

вопрос
Ребята подскажите что ни так? Подключаю нестандартные шрифты через 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
10

122 | 34

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

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

KAPTMEH
28 | 4

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

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

teleoperator27
10

122 | 34

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

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

KAPTMEH
28 | 4

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

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

KAPTMEH
28 | 4

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
4

107 | 23

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

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

KAPTMEH
28 | 4

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

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

teleoperator27
10

122 | 34

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
10

122 | 34

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
28 | 4

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

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

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

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

 22.07.2014 249893  Стили (CSS)