2013-09-19 3 views
23

Какая вкладка в хромовом инспекторе отображает файлы шрифтов, которые вы загружаете с помощью шрифта? Я не могу найти его под ресурсами. У меня возникла проблема, когда одна группа файлов семейства шрифтов загружается, а другое семейство шрифтов - нет. Я проверил все, перейдя непосредственно к URL-адресу и увидев, что они действительно присутствуют, но я хотел бы посмотреть в инспектор и посмотреть, как он загружает одно семейство шрифтов, но не другое. Возможно ли это с хромом?Где посмотреть файлы шрифтов, загруженные хром в инспектор?

ответ

31

Вы можете просматривать загруженный веб-шрифты с помощью вкладки Сети:

Google Chrome Network tab showing downloaded web fonts

+1

Я вижу, что вы имеете в виду. Кажется, они есть на вашем скриншоте. Я исправил свою проблему, и они все еще не появляются там, хотя я знаю, что они сейчас загружаются и используются. Мне нужно продолжить поиск. Здесь отображаются googlefonts, но шрифты, расположенные на наших собственных серверах, не ... –

+2

На скриншоте показана загрузка CSS-файла, который указывает на шрифты, но на самом деле он не показывает загруженные шрифты; просто файл, который указывает на них/где их загрузить. –

+0

Если шрифт не отображается на вкладке сети, когда он должен быть установлен, убедитесь, что шрифт не установлен на вашем компьютере. – diachedelic

3

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

Google Chrome styles tab showing computed rendered fonts