Ever run out fonts on your website? You made a site but then someone says that font doesn’t display? You could specify your own font-face in css, but fonts are tricky, so you can rely on Google’s Font API.
In the simplest form, you just need to do 2 things:
1 Link to the Google Web Font CSS file (for the specific font you want)
2 Use a CSS selector and set the "font-family" property to the new font
More details [ Ссылка ]
All Google Fonts [ Ссылка ]
Don't forget to provide a fallback font like "sans-serif" or "serif" in case the google font doesn't work.
You can import multiple fonts, but don't go crazy because this will slow down page loading. There are also a bunch of font-effects. They may not work for all browsers yet, but they're cool anyway.
Google Web Fonts Tutorial (link to Google fonts)
Теги
google fontgoogle web fontFonts googlegoogl fontscss font effectsweb fontswebfontswebfontfree fontsgoogle web fntTypographylink to fontinstall fontfont trickscss fontfont familyfont-familyfont-stylefont effectstrick fontfont propertiesfont attributewebfont tutorialhow to use web fontsCSS-TricksHttphttpsHtmlhtml5phplessless cssmetaarialtimes new romantangerinedroid sansdroid serifrobotobolditalic