CODEWITHSUNDEEP
csswindows-7windows-10
0xBADF00D
0xBADF00D

Reputation: 1034

Default font when using Sans-Serif in CSS

Our company has a designer, who used the following CSS for choosing a font-family:

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

Recently I noticed, that some UTF8-Icons I used with this font, looks different on my computer at work, then at my home pc.

After further investigation I found out, that neither of the defined font is available at my home (Win7) nor my work (Win10) PC. On each PC I used Chromium browser to render the Website.

  1. Is there a definition, or a rule of thump, which Font-Family is chosen when fallback 'sans-serif' is used.
  2. How can I find out, which Font-Family was chosen by my browser? Event the computed value in Chrome dev tools seems to be wrong:

enter image description here

Upvotes: 0

Views: 1955

Answers (1)

Korah Babu Varghese
Korah Babu Varghese

Reputation: 70

Open the computed tab, Then open the accordion "font-family" , then you can see the font which is currently using the browser.Refer the image shown below.enter image description here

Upvotes: 1

Related Questions