Jump to content
  • 0

Как настроить платный шрифт для сайта


Светлана
 Share

Question

Купила шрифт для сайта. Выслали один файл. С ним на моем компе работает, а на сайте - нет. Запросила адаптацию у продавца. Выслали 2 папки. Что с ними делать, к какому файлу указывать путь, что скачивать в файловый менеджер на хостер ума не приложу. Мучаюсь с установкой теперь. Как установить и привязать шрифт к сайту?

Edited by Светлана
Link to comment
Share on other sites

Recommended Posts

  • 0

"application/x-font-ttf" — это не папка. Это и есть сам content-type, который сервер должен будет отдвать в заголовках, когда клиент запросит файл с расширением ttf или ttc, ничего менять не надо, никакие пути подставлять тоже не надо.

 

Просто добавьте эти строки в файл .htaccess, скопировав их из какого-нибудь примера. Допишите в самый конец, например.

Link to comment
Share on other sites

  • 0

В дистрибутиве шрифта Anastasia не было файла .htaccess. Я так понимаю, он отвечает за генератор конфигов, чтобы хостинг шрифт правильно браузеру описал. Но есть текстовый файл generator_config. Может его надо было просто использовать в настройках .htaccess?

Нет попробовала - вообще нет доступа  к сайту. Ошибка. И использование всех примеров в .htaccess тоже не дает результата. 

Edited by Светлана
Link to comment
Share on other sites

  • 0

.htaccess сам по себе является файлом конфигурации веб-сервера.

 

Значит не хватает данных, раз это не помогает. Пока ничего нового сказать не могу.

 

Хотя... А не могли бы вы выложить сюда свой существующий .htaccess и дать ссылку на какую-нибудь страницу, где используется шрифт?

 

Не уверен, но вдруг это подскажет варианты...

Link to comment
Share on other sites

  • 0

Мне присылали файл demo.html шрифта. Я решила обозвать его index.html файлом и запустить вместо сайта.

Шрифт отобразился. Значит дело не в .htaccess, а в настройках внутри index.html файла. То есть

надо сверить все записи, включая link на css файл. Этого продавец в моем коде мне не исправил. Так что буду разбираться.

Edited by Светлана
Link to comment
Share on other sites

  • 0

Когда открыла с хостинга, был только сайт. Когда открыла с другого компа и с телефона - был уже демонстрационный файл шрифта. И в настройках этого файла много LINKов на разные  CSS файлы из разных папок. Так что не так то это просто. Есть инструкция на английском в демо-файле, там как раз про эти CSS файлы и пишется в случае, если шрифта нет в браузере(вариант с .htacceess отпадает). Просто эти css в разных местах, и к ним надо правильно путь указать еще.


Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Edited by Светлана
Link to comment
Share on other sites

  • 0

Шрифт на сайте заработал. Оказывается его название по дистрибутиву не als_Anastasia, a als_anastasiaregular. И продавец мне это даже в моем файле не исправил. Данные я взяла в демо-файле html шрифта. Пришлось указать все пути к папкам с тремя (!!!) файлами css, css, js. Так что надо было просто взять демо-файл со всеми настройками и нет проблем. Вижу его со всех браузеров и телефона.

Edited by Светлана
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Spllit
      Столкнулся с такой проблемой, что Avocode неверно определяет тощину шрифта на макете в отличии от Photoshop.  
      На скринах видно, что Avocode показвает, что толщина выделенного текста 400px. Однако Photoshop показывает, что выделенный текст имеет толщину extrabold, что равняется 800px. 
      С чем это может быть связано и как это пофиксить


    • By vkapas
      Подключаю с Google Fonts Open Sans Condensed, но какому бы не элементу не присваивал, вместо него браузер всегда рендерит системный шрифт — Liberation Serif в Ubuntu и Times New Roman в Windows.
      Другие шрифты, Open Sans или Roboto, например, применяются исправно, а именно с Open Sans Condensed загвоздка. Подключаю так (на самом деле эту строку генерит шаблон Drupal, я только указываю название шрифта в настройках темы):
      <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed" media="all"> В итоге:
       
       
      В чём может быть причина такого поведения?
    • By Temiks
      Здравствуйте.
      При выделении подключаемый шрифт на сайте рендерится по разному на macOS и Windows.
      Браузер Chrome последней версии.
      Вот так шрифт отображается на ОС Windows - идеально расположен по центру

       
      А вот так уже на macOS. Шрифт смещен с центра к верху.

       
      Сталкиваюсь не в первый раз с этой проблемой. В чем может быть проблема? Возможно кто-то сталкивался с подобным? В какую сторону копать в таком случае?
    • By Frogg
      Здравствуйте, я бы хотел использовать пиксельных шрифт на сайте, скачал его из интернета, но не понял как использовать его.
      Интернет обсёрфил, не нашёл.
      Помогите пожалуйста.
    • By Anastasiya
      Подскажите как найти автора шрифта - на сайте https://www.myfonts.com есть имя автора но контактов нет, и как купить шрифт у автора?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy