Шрифт по умолчанию при использовании Sans-Serif в CSS

Question

В нашей компании есть дизайнер, который использовал следующий CSS для выбора семейства шрифтов:

    font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', sans-serif;

Недавно я заметил, что некоторые значки UTF8, которые я использовал с этим шрифтом, на моем компьютере выглядят иначе, чем на моем домашнем компьютере.

После дальнейшего изучения я обнаружил, что ни один из указанных шрифтов не доступен ни у меня дома (Win7), ни на моем рабочем компьютере (Win10). На каждом ПК я использовал браузер Chromium для рендеринга сайта.

1. Есть ли определение или правило, которое Font-Family выбрано, когда используется резервный sans-serif.
2. Как узнать, какое семейство шрифтов выбрано моим браузером? В случае, если вычисленное значение в инструментах разработчика Chrome кажется неправильным:

Answer 1

Откройте вычисленную вкладку, затем откройте гармошку «font-family», затем вы увидите шрифт, который в данный момент использует браузер. См. Изображение, показанное ниже.