1

Пишу веб-приложение на nodejs, использую express
Шрифты хранятся в /app/view/fonts
Доступ к статике дал:

app.use('/fonts', express.static(cfg.fonts));

cfg.fonts = require('path').resolve()+'/app/view/fonts'
В css подключаю шрифт так:

@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), url('/fonts/Roboto/RobotoRegular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    background-color: #342E37;
    color: #FAFFFD;
    font-family: 'Roboto', serif;
}

Спасибо

4
  • Сервер отдаёт файл. Если напрямую вбить localhost/fonts/Roboto/RobotoRegular.ttf в браузере
    – VladAf2001
    9 окт 2018 в 23:24
  • Попробуй так app.use(express.static(path.join(__dirname, '***путь к файлу***')));
    – Air
    10 окт 2018 в 2:51
  • Если напрямую отдает, то проблема не в сервере. Подозреваю, что ttf в хроме не хочет работать, лучше поставить заглушки woff/woff2 10 окт 2018 в 4:35
  • Пробовал, не работает(
    – VladAf2001
    10 окт 2018 в 8:04

1 ответ 1

1

Нашёл проблему)
Оказывается нужно указывать format('truetype') вместо format('ttf')

1
  • ну вы все равно woff добавьте, он рендерится лучше, весит меньше в разы 10 окт 2018 в 12:38

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.