pstein Posted May 30, 2017 Share Posted May 30, 2017 (edited) 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 May 30, 2017 by pstein Link to comment Share on other sites More sharing options...
dsonesuk Posted May 30, 2017 Share Posted May 30, 2017 (edited) 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 May 30, 2017 by dsonesuk Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now