Не нравятся результаты поиска? Попробуйте другой поиск!

Шрифт


     22.07.2014    Стили (CSS)    1553

вопрос
Привет. В стилях шрифт прописан в ввиде

@import url(http://fonts.googleapis.com/css?family=Cuprum:400,700,400italic&subset=latin,cyrillic);


как я понял, он берется от гугла, а можно код изменить и чтоб скачивание не происходило, чтоб шрифт у меня в папке с шаблоном лежал?

Ответил: D0Gmatist


1) в style.css дописать
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum'), local('Cuprum-Regular'), url(../font/Cuprum-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(../font/Cuprum-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 400;
  src: local('Cuprum Italic'), local('Cuprum-Italic'), url(../font/Cuprum-Italic.woff) format('woff');
}

2) создать папку font в шаблоне

3) скачать в эту папку и назвать Cuprum-Regular.woff
http://themes.googleusercontent.com/static/fonts/cuprum/v5/wHBEZCjwNI3HN2fD1RQJgw.woff
4) скачать в эту папку и назвать Cuprum-Bold.woff
http://themes.googleusercontent.com/static/fonts/cuprum/v5/n3IzcUkIerri6e9sz7Dgbj8E0i7KZn-EPnyo3HZu7kw.woff
5) скачать в эту папку и назвать Cuprum-Italic.woff
http://themes.googleusercontent.com/static/fonts/cuprum/v5/qeKnzn2Grxyt-04Hf-FrNvesZW2xOQ-xsNqO47m55DA.woff

Комментарии пользователей (8)

fh79655l123
11

206 | 25

fh79655l123 - 22 июля 2014 13:42 - Юзер

Я прописывал в самом верху стиля
@font-face { font-family: 'OpenSans-Regular'; src: url('../fonts/OpenSans-Regular.ttf'); }

В шаблоне попка fonts и в ней сам ширифт OpenSans-Regular.ttf

FastFud
50

1599 | 588

FastFud - 22 июля 2014 14:02 - Юзер

В саму папку fonts и htaccess нужен если я не ошибаюсь )

249893
5

174 | 73

249893 - 22 июля 2014 15:02 - Юзер

сделал по "ответу" не работает(

D0Gmatist
225

794 | 281

D0Gmatist - 22 июля 2014 15:08 - Местный

Цитата: 249893
сделал по "ответу" не работает(
так а сам стиль подключил в html или body

Каждый программист знает - в правильном софте все должно быть прекрасно:
и пользовательский интерфейс, и программные решения, и гениальные ошибки!
Болтовня ничего не стоит. Покажите мне код.

249893
5

174 | 73

249893 - 22 июля 2014 15:12 - Юзер

создал папку, в нее шрифты, и стили в style.css добавил. так?

D0Gmatist
225

794 | 281

D0Gmatist - 22 июля 2014 15:21 - Местный

Ну ё маё )))
в зависимости от требуемого результата
body{
font-family: 'Cuprum', normal;
font-weight: 400;
}
или
body{
font-family: 'Cuprum', normal;
font-weight: 700;
}
или
body{
font-family: 'Cuprum', italic;
font-weight: 400;
}

Каждый программист знает - в правильном софте все должно быть прекрасно:
и пользовательский интерфейс, и программные решения, и гениальные ошибки!
Болтовня ничего не стоит. Покажите мне код.

249893
5

174 | 73

249893 - 22 июля 2014 15:25 - Юзер

попробовал все, требуемого результата нету

fh79655l123
11

206 | 25

fh79655l123 - 22 июля 2014 17:54 - Юзер

249893, Пробовал как я писал?? ну это почти тоже самое что у D0Gmatist.
1) Скачай шрифт
2) Закинь шрифт в папку fonts которая находится в шаблоне (если нету создай)
3) Открой style.css и вставь
@font-face { font-family: 'OpenSans-Regular'; src: url('../fonts/OpenSans-Regular.ttf'); }

там же найди body и вставь font-family:'OpenSans-Regular';
должно получится что то типа
body { background:#fff url('../images/pagebg.png') top repeat-x; font-family:'OpenSans-Regular'; font-size:12px; }

так же можно еще
h1, h2, h3, h4 { font-family: 'OpenSans-Regular'}

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

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