Как узнать какие шрифты можно использовать в вебе, а какие нет?

Question

[verycooldev]

Нашел и скачал этот шрифт https://www.myfonts.com/fonts/rodrigotypo/lolapeluza

Подключаю его к странице - он не работает.
Загружается нормально в Девтулз, в CSS ошибок нет. Но не работает.

Как узнать можно ли его использовать в веб? По какому принципу это вообще происходит?

Comments

[SagePtr]

Можно пример на jsfiddle или codepen?

[Exploding]

Загружается нормально в Девтулз, в CSS ошибок нет

Это как это?

[Ankhena]

Чтобы использовать шрифт на сайте нужны форматы ttf и otf для старых браузеров и woff и woff2 для современных
https://web-font-generator.com/

Но я поддерживаю ответ Nikolay Petyukh :)

[verycooldev]

Exploding, что как? @font-face без ошибок написан, во вкладке Network шрифт загружается в браузер. Что не ясно?

[verycooldev]

Ankhena, форматы не причем, все форматы есть нуные. В Девтулз шрифт отображается, еще раз говорю!!! В ответе Николая нету ответа на мой вопрос - ПОЧЕМУ НЕ РАБОТАЕТ?

[Ankhena]

verycooldev, не кричите, а покажите, где у вас не работает. Ссылку на сайт.

[verycooldev]

Nikolay Petyukh, ну а что там показывать, ребят?

@font-face {
  font-family: 'lolapeluzablack';
  src: url('~/assets/fonts/lolapeluza-black-webfont.woff2') format('woff2'),
       url('~/assets/fonts/lolapeluza-black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

[verycooldev]

Nikolay Petyukh,

.nav-menu {
    margin-right: 1em;
    font-family: 'lolapeluzablack', monospace;
    font-size: 0.8em;
}

font-weight любой не дает эффекта

[verycooldev]

Nikolay Petyukh, вопросы вы мне для приличия задавали?)))

[verycooldev]

Ankhena, эммм. Есть такая штука, вебпак называется.

[Ankhena]

verycooldev, а, ну продолжайте по частям все выкладывать вместо простой ссылки, глядишь у кого-то хватит терпения разбираться

[verycooldev]

Ankhena, это лол какой-то

Answer 1

[verycooldev]

Вопрос закрыт. Это была проблема Font Squirell. Судя по вспему они специально ломают шрифт.

Comments

[alex-1917]

Font Squirell коверкают ворованный шрифт. все прааально.

Answer 2

[Павел Демьянов]

Конвертируй в WOFF EOT и SVG и делать на них весь сайт, проблем не будет и лицензию покупать не нужно.

Answer 3

[Евгений]

Вот хороший сервис по конвертированию шрифтов
https://transfonter.org/

Comments

[verycooldev]

Глючный сайт и интерфейс, вчера все крутилось и зависло.

[Евгений]

verycooldev, бывают иногда у него глюки, а так вроде как самый адекватный конвертер

Answer 4

[Илья Дзенски]

Лучше всего использовать либо универсальные шрифты, список здесь: www.wearymax.ru/webmasters/fonts
Либо подтянутые с Google: https://fonts.google.com/

Они точно будут адекватно отображаться в различных браузерах, подключить их легко.

Comments

[verycooldev]

Странный критерий отбора. По вашему мнению кроме шрифтов Гугл Фонтс больше никаких нету?))

Я уже молчу про то что 90% шрифтов оттуда - бесплатный МУСОР, не говоря уже об адекватном отображении в браузерах.