How to know which font is used by browser from CSS font-family list?

In order if available. In your example it'll go for Roboto first and keep the next ("Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif) as back-up, if it's available.


In firefox-developer-tools, Inspector > Fonts tab displays "Fonts used" by the currently inspected element. Edit fonts MDN

In google-chrome-devtools, Elements > Computed tab displays "rendered fonts" for the currently inspected element. "Even if its name isn’t in the font-family list." whats-that-font , Hackernoon

Firefox :-

enter image description here enter image description here

Chrome :-

enter image description here

Thanks, @xuemind for suggested edit

Tags:

Css

Font Family

Webfonts

Related

Python - why mock patch decorator does not pass the mocked object to the test function when `new` argument is not DEFAULT Python list comprehension for if else statemets Kotlin groupby value as set instead of list Do GitHub and GitLab support git clone's --filter parameter? Youtube Data API v3: Sort by date not working How do I get my Azure DevOps Pipeline build to fail when my linting script returns an error? This app could not be installed at this time in Xcode Simulator Why is it necessary to write Object=Object in Component to get Object.keys in Angular? Why is OpenJDK 11 Java garbage collector *decreasing* free memory in this sample program? How do I parse a string to number while destructuring? How can I run a Python script from Ubuntu Dash? Keras - LeakyReLU has no attribute name error when saving model

Recent Posts