Встроенные шрифты: font-face или base64

когда мне нужно/хочу включить новый шрифт на веб-сайт, я использую base64 (и надеюсь, что base64 кэшируется с файлом CSS).

Но вижу много страниц без базы, только разные файлы шрифтом начертаны. В Firebug я не вижу HTTP-запроса шрифта, как это работает?

Я думал, что шрифт без base64 загружается с сервера каждый раз, когда я обновляю страницу, примерно через год я видел на многих страницах, что текст на мгновение исчез (я думал, что шрифт загружается с сервера в этот момент). ТЕПЕРЬ, не исчезает, лучше кеш браузера?

Что лучше использовать?

Во-вторых, если файл .htaccess запрещает доступ к каталогу /font/, есть ли способ загрузить файл TTF с удаленного сервера?


person Community    schedule 04.12.2013    source источник


Ответы (1)


почему бы тебе не использовать @font-face?

@font-face {
                font-family: 'baran';
                src: url('fonts/BBadr.eot?#') format('eot'),  /* IE6–8 */
                url('fonts/BBadr.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
                url('fonts/BBadr.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
            }

это лучший способ встроить шрифты на ваши страницы.

person Masoud Jaafari    schedule 28.11.2014
comment
Иногда вы не можете полагаться на @font-face из-за ограничений безопасности и/или особенностей браузера. - person TylerH; 17.07.2019