Другой пользователь может читать Helvetica neue в браузере без установки шрифта?

Я должен использовать «helvetica neue» в качестве шрифта asp.net по умолчанию. После установки на моем компьютере я могу добавить шрифт в свой css, и он работает при запуске веб-приложения локально. Но после того, как я развернулся на сервере. Шрифт Helvetica Neue не работает. Нужно ли устанавливать шрифт на компьютер пользователя?

Мой CSS:

@font-face { font-family: Delicious; src: url('../css/Fonts/HelveticaNeueLTPro-CnO.otf'); } 

body
{
    background: #fff;
    color: #333;
    /*font-family: HelveticaNeueLT Pro 63 MdEx;*/
    font-family: Delicious, sans-serif; 
    font-size: 76%; /* all font sizes are related to this initial 'small' font-size setting (which is more or less 12pt) */
    min-width: 730px; /* min- and max-width don't work in IE Win 6 and below */
    max-width: 1250px;
}

fonts css webfonts font-face
person Howard Hee    schedule 02.12.2013    source источник
comment
Вы пробовали с абсолютным путем?   -  person Nitesh    schedule 02.12.2013
comment
Извините, что вы подразумеваете под абсолютным путем?   -  person Howard Hee    schedule 02.12.2013
comment
Вы использовали другой браузер, чтобы проверить это? Ваше объявление @font-face не будет работать во всех браузерах.   -  person Ming    schedule 02.12.2013
comment
Я пытался использовать Chrome и IE8, IE9, IE10, IE11 с помощью инструмента разработчика IE. Но результат все тот же. Я бегаю в своем местном. Все браузеры могут отображать шрифт.   -  person Howard Hee    schedule 02.12.2013
comment
абсолютный путь, например, http://www.yourdomain.com/css/images, а относительный путь - ../css/images - @HowardHee   -  person Nitesh    schedule 02.12.2013

Ответы (1)


arrow_upward
0
arrow_downward

ваш @font-face не завершен, и вам нужно еще несколько файлов:

  1. EOT для IE,
  2. SVG пихта Ipad,
  3. WOFF для FireFox
  4. TTF/OTF для остальных

Вы можете создать эти файлы шрифтов на странице Font Squirrel.

@font-face {
 font-family: 'Delicious';
 src: url('../css/Fonts/HelveticaNeueLTPro-CnO.eot');
}

@font-face {
 font-family: 'Delicious';
 src: url(//:) format('no404'), 
 url('../css/Fonts/HelveticaNeueLTPro-CnO.woff') format('woff'), 
 url('../css/Fonts/HelveticaNeueLTPro-CnO.ttf') format('truetype'), 
 url('../css/Fonts/HelveticaNeueLTPro-CnO.svg#Delicious') format('svg');
 font-weight: normal;
 font-style: normal;
}
person Mark    schedule 02.12.2013
comment
Я получил сообщение об ошибке, формат('woff'), недопустимое значение для свойств 'src'.-@Mark - person Howard Hee; 02.12.2013
comment
Текущие версии Firefox без проблем используют TTF/OTF, поэтому нет необходимости в WOFF. Общие сведения о поддержке TTF см. на странице caniuse.com/ttf. - person gzost; 02.12.2013
comment
Проверка сообщения об ошибке (CSS 2.1): 'url('../css/Fonts/HelveticaNeueLTPro-CnO.otf'),' не является допустимым значением для свойства 'src'. Я думаю, проблема в 'src'. - @gzost - person Howard Hee; 02.12.2013