Requesting multiple fonts allows you to use all of those fonts in your page. To request multiple font families, separate the names with a pipe character Note: Replace any spaces in the font family name with plus signs ( +). Then, add the family= URL parameter, with one or more font family names and To determine what URL to use in your stylesheet link, start with the Google Specifying font families and styles in a stylesheet URL So the browser can fall back to its default fonts if need be.įor a list of fonts you can use, see Google Fonts. In particular,Īdd a CSS generic font name like serif or sans-serif to the end of the list,
Note: When specifying a web font in a CSS style, always list at least oneįallback web-safe font in order to avoid unexpected behaviors. Or with an inline style on the element itself: Style an element with the requested web font, either in a stylesheet: You can start using the Google Fonts API in just two steps:Īdd a stylesheet link to request the desired web font(s):
And that's only the beginning of what you can do with the Fonts API and CSS.
