Как определить, какой файл шрифта используется, а не только семейство шрифтов?

Допустим, у меня есть следующие определения шрифтов:

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans.regular.woff") format("woff");
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans.light.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans.semibold.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans.bold.woff') format('woff');
}

В инструментах разработчика Chrome я могу сказать, какое семейство шрифтов используется:

 введите описание изображения здесь

Но есть ли способ определить, какой именно файл шрифта используется? Я пытаюсь проверить, например, что браузер на самом деле использует жирный шрифт, например, вместо того, чтобы использовать свой собственный «поддельный» шрифт для обычной версии шрифта.

7 голосов | спросил Daniel T. 10 52017vEurope/Moscow11bEurope/MoscowFri, 10 Nov 2017 09:43:17 +0300 2017, 09:43:17

3 ответа


0

Чтобы ответить на мой собственный вопрос, Никуль Хатик дал правильный ответ. Инструменты разработчика Chrome не поддерживают эту функцию, но Firefox поддерживает:

 введите описание изображения здесь Поэтому используйте Firefox, чтобы получить фактический шрифт, который используется для элемента.

ответил Daniel T. 10 52017vEurope/Moscow11bEurope/MoscowFri, 10 Nov 2017 10:45:39 +0300 2017, 10:45:39
0
  • Откройте Chrome DevTools (щелкните правой кнопкой мыши> проверить)
  • Перейти на вкладку "Источники"
  • Найдите папку со шрифтами (если вы используете Google Font, перейдите на ☁fonts.gstatic.com)
  • Откройте подкаталоги, если они есть, вы получите файл б

 Chrome DevTools

ответил ghos-h 10 52017vEurope/Moscow11bEurope/MoscowFri, 10 Nov 2017 10:09:23 +0300 2017, 10:09:23
0

В Safari, в Ресурсах это скажет. Вы конкретные файлы шрифтов, которые загружаются.

Fonts
    fontfileBold.ttf
ответил Danial 5 Mayam18 2018, 02:06:17

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132