css и php отображают шрифты из папки

#css #fonts

#css #шрифты

Вопрос:

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

я пытаюсь отобразить шрифт со своих локальных серверов.

например. DigitaldreamNarrow.ttf

которая находится в :

css/шрифты /DigitaldreamNarrow.ttf

я попытался поместить это в свой css-файл следующим образом:

 @font-face {
  font-family: DigitaldreamNarrow;
  src: url(‘css/fonts/DigitaldreamNarrow.ttf’);
}
.top {
  font-family: DigitaldreamNarrow;
  font-size: 0.2%;
}

однако на данный момент я потерялся, и я не вижу никаких результатов на своем дисплее.

помогите?

Ответ №1:

Развертывание шрифтов с помощью CSS обычно не поддерживается. Взгляните на Cufon.

Ответ №2:

 @font-face {
    font-family: 'ArvoRegular';
    src: url('Arvo-Regular-webfont.eot');
    src: local('☺'), url('Arvo-Regular-webfont.woff') format('woff'), url('Arvo-Regular-webfont.ttf') format('truetype'), url('Arvo-Regular-webfont.svg#webfontau9vOdrl') format('svg');
    font-weight: normal;
    font-style: normal;
}

У вас будут разные результаты из разных браузеров (не все браузеры поддерживают / используют ‘eot’, например). Ознакомьтесь с font squirrel и загрузите набор @face. Очень полезный ресурс. http://www.fontsquirrel.com/fontface

Более чем вероятно, что шрифты выберут это направление, и Cufon, скорее всего, станет «Gif Builder» … IMO.

Ответ №3:

@trey, напиши это

 @font-face {
  font-family: 'DigitaldreamNarrow';
  src: url(‘../css/fonts/DigitaldreamNarrow.ttf’);
}

возможно, есть проблема с вашим URL, пожалуйста.

Возможно, вам придется добавить inverted comma к шрифту.