2017-01-20 4 views
-1

Что такое базовый шрифт для CSS и как мы можем создать базовый URL-адрес шрифта для шрифта CSS.Что такое 64 шрифта для CSS

Обычно мы используем как этот @font-face { font-family: myFirstFont; src: url(sansation_light.woff); }

Но некоторое время я видел, как

@font-face { font-family: myFirstFont; src: url(too long url with encrypted form); } 

enter image description here

Я Искал на сайте, но не получили полезные знания. Так кто-то используется в проекте, пожалуйста, направляйте меня.

Благодаря

+1

Что? Это не совсем понятно. Что ты спрашиваешь? «URL-адреса Fontface» относятся к расположению файла CSS, в котором они объявлены, если это помогает. – somethinghere

+0

Что вы подразумеваете под базовым шрифтом? –

+0

Мы используем шрифт, как обычно, '' '@ font-face { font-family: myFirstFont; src: url (sansation_light.woff); } '' ' Но какое-то время я видел некоторые как ' '' @ font-face { font-family: myFirstFont; src: url (слишком длинный URL); } '' ' Итак, как мы можем сгенерировать этот URL-адрес, а что basefont –

ответ

1

То, что вы ищете, кодирующая шрифт в base64. Компас (библиотека, которая расширяет SASS, который генерирует CSS для вас) имеет встроенный помощник, чтобы сделать это для вас:

http://compass-style.org/reference/compass/helpers/inline-data/ 

Есть также множество сайтов в Интернете, который может конвертировать ваши файлы в base64. Опасайтесь: это не зашифровано, оно просто закодировано в строку, которая действительна для вставки в CSS и может быть прочитана системой как файл.

Смежные вопросы