Jump to content

How to find out which font-family-font is used? Additional package?


pstein

Recommended Posts

Assume I use a simplified CSS setup like:

body { font-family: Merriweather, "Museo", Syncopate, Verdana; }

As far as I know the HTML rendering engine searches for the first font family package it can find on the client from the list and uses it for rendering.

Now lets say I load the corresponding web page into Firefox: How can I find out which Font package is really currently used at the end (if I cannot identify it by shape/design)?

Assume Syncopate is used: What do I have to do to provide the package Merriweather and Museo to the client?

How do I put it into the web page as additional resource?

Is there a difference to put a font-family package name into double quotes or not?

 

Peter

 

 

Edited by pstein
Link to comment
Share on other sites

Unless the user already has these fonts most of these won't show only the verdana, which would be the only one not greyed out, if you look at web browsers web developer console(F12).

The only way to show these fonts is to link to or download the fonts to your server, google fonts is one option, but you may have to pay for some.

The quotes for fonts are usually used for font names that have spaces.

Edited by dsonesuk
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...