Не удается заставить работать шрифт - PullRequest
Новая
       3

Не удается заставить работать шрифт

0 голосов
/ 05 октября 2011

Я пытаюсь использовать @font-face, но я не очень успешен.До сих пор я использовал Google шрифты: 

// HTML header
<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>

//CSS
#leftSection nav { 
  font-family: "Cuprum", Verdana, Arial, sans-serif;
}

Затем я скачал шрифты и попытался использовать font-face:

Это мой CSS: 

@font-face {
  font-family: 'Cuprum';
  font-weight: normal;
  font-style: normal;
  font-size: 0.5em;
  src: url('cuprum.eot?') format('eot'), 
       url('cuprum.woff') format('woff'), 
       url('cuprum.ttf')  format('truetype'),
       url('cuprum.svg#Cuprum') format('svg');
}


#leftSection nav { 
  font-family: "Cuprum", Verdana, Arial, sans-serif;
}

Шрифты находятся в той же папке, что и CSS.

Я смотрел и тестировал другие решения, но я все еще не могу получить его в работе.

Я тестирую со следующими браузерами: FF7, IE8

Обновление
Я добавил font-size: 0.5em; Это должно как минимум изменить размер шрифта.Но этого тоже не происходит.Поэтому я предполагаю, что все @font-face игнорируется.

Ответы [ 3 ]

2 голосов
/ 05 октября 2011

Вы пробовали использовать генератор Font Squirrel? Просто загрузите шрифт, и он все сделает за вас, это очень просто.

Вот ссылка: http://www.fontsquirrel.com/fontface/generator

1 голос
/ 07 октября 2011

Эй, Стивен, ты с этим покончил?Почему бы вам не попробовать это?

вставьте это в ваш css: 

@font-face {
font-family: 'Cuprum';
font-style: normal;
font-weight: normal;
src: local('Cuprum'), url('http://themes.googleusercontent.com/static/fonts/cuprum/v1/sp1_LTSOMWWV0K5VTuZzvQ.woff') format('woff');
}

#leftSection nav { 
font-family: Cuprum, Verdana, Arial, sans-serif;
}

Я надеюсь, что это сработает.:)

0 голосов
/ 05 октября 2011

Я думаю, вы можете попробовать это без кавычек вокруг "Cuprum".

#leftSection nav { 
  font-family: Cuprum, Verdana, Arial, sans-serif;
}

Кроме того, иногда возникает проблема, если у вас / пользователя установлен этот шрифт локально.

Чтобы обойти это, вы можете установить поддельную ссылку local.

См. Пуленепробиваемый синтаксис Пола Айриша @ font-face

РЕДАКТИРОВАТЬ

Две другие вещи, которые вы можете попробовать:

  1. изменить имя шрифта на строчные, cuprum.

  2. Удалить из объявления следующее: 

    font-weight: normal;
font-style: normal;
font-size: 0.5em;
...