2014-09-11 8 views
0

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

Я знаю, что есть много инструментов для отладки, но я ищу один, который дает вам все указанные стили элемента, а не только код CSS, относящийся к нему.

+2

Практически каждый современный браузер имеет функцию отладки. Щелкните элемент правой кнопкой мыши и выберите что-то вроде * Inspect Element *. Ищите рассчитанные стили. – LcSalazar

+0

Это скажет ему, что такое указанный шрифт, но не используемый фактический шрифт (если указанный шрифт недоступен). – 2014-09-11 13:20:26

+0

Сетевая панель devtools покажет вам файлы с файлами шрифтов, и вы увидите, что они не работают. – 2014-09-11 13:21:31

ответ

2

вы можете использовать firebug для firefox, он имеет действительно полезный способ проверки элементов html (или даже скриптов). то, что вы просите, присутствует в вычисленном разделе стиля справа, как только вы нажимаете на указанный элемент после проверки с помощью firebug.

вы можете найти по адресу: https://getfirebug.com/

1

Есть несколько способов, чтобы проверить это, но один из примеров является использование инструментов разработчика в Chrome. Если вы просматриваете «Стили», применяемые к тексту, должно быть правило font-family.

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

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