Можно ли уменьшить количество веб-шрифтов Google до одного запроса, если я использую несколько шрифтов?
Я запустил тест скорости на моем сайте, и одним из предложений было уменьшить количество внешних запросов. Я использую 3 Google Web Fonts, фактически 3 отдельных запроса. Возможно ли объединить их в 1 запрос?
4 ответа
Вы можете объединить несколько шрифтов одним вызовом, используя | персонаж. Пример:
<link href='//fonts.googleapis.com/css?family=Cantarell|Terminal+Dosis' rel='stylesheet' type='text/css'>
Да, вы можете загрузить несколько шрифтов в одном запросе, как
<link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:300,400,700,900'>
Разве шрифты (например, графические ресурсы, объекты JSON или видео) не являются отдельными ресурсами, которые требуют индивидуальных запросов?
Вы можете избежать трех запросов, внедрив шрифты в данные: URI внутри CSS - по крайней мере, в IE9+ и в большинстве современных браузеров.
примечание: они также работают в IE8, но ограничены 32 КБ
примечание 2: очевидно, вы не получите преимущества Google CDN, так как вам придется обслуживать шрифты внутри вашего CSS...