Использование шрифта "Bliss Pro" без загрузки шрифта

Question

У меня есть требование использовать шрифт "Bliss Pro" для названия продукта. Но это не стандартный шрифт Windows. Я попытался выполнить поиск, как использовать этот шрифт на своей веб-странице, но не нашел никакого онлайн-решения.

Можно ли использовать/включить шрифт «Bliss Pro» на моей веб-странице, не загружая шрифт?

Цените вашу помощь ....

Answer 1

В общем, вы можете использовать специальный шрифт, используя @font-face в вашем CSS. Вот очень простой пример:

@font-face { 
    font-family: 'YourFontName'; /*a name to be used later*/ 
    src: url('http://domain.com/fonts/font.ttf'); /*URL to font*/ 
} 

Затем тривиальным, чтобы использовать шрифт на определенном элементе:

.classname { 
    font-family: 'YourFontName'; 
} 

(.classname ваш селектор).

Обратите внимание, что некоторые шрифтовые форматы не работают во всех браузерах; вы можете использовать генератор fontsquirrel.com, чтобы избежать слишком большого количества усилий.

Вы можете найти хороший набор бесплатных веб-шрифтов, предоставленных Google Fonts (также есть автогенерированные правила CSS @font-face, поэтому вам не нужно писать свои собственные).

в то же время предотвращая людей от необходимости свободного доступа скачать шрифт, если это возможно

Нет, это не возможно, чтобы стиль текста с настраиваемым шрифтом внедренного с помощью CSS, предотвращая людей от загружая его. Вам нужно использовать изображения, Flash или HTML5 Canvas, все из которых не очень практичны.

Я надеюсь, что это помогло!

Source