css - Why does computed style show more than one font-family? -
i inspecting css on https://status.slack.com/ , noticed font in computed tab in chrome displaying font-family: lato, sans-serif
.
i have expected once computed, know font in effect. why computed tab show 2 fonts lato , sans-serif, instead of whichever 1 in effect?
which font in effect?
styles tab:
computed tab:
font-family uses first font defined. however, because fonts not available on client's computer, css allows many fonts clients "fallback" on.
for example, font-family: arial, calibri, sans-serif;
tells browser use arial if possible. if it's not available, use calibri. if both not available, use browser's default sans-serif font.
if want force browser have font, can use @font-face
.
Comments
Post a Comment