Yahoo Web Search

Search results

1. fonts.google.comBrowse Fonts - Google Fonts

   fonts.google.com

   Google Fonts makes it easy to bring personality and performance to your websites and products. Our robust catalog of open-source fonts and icons makes it easy to integrate expressive type and icons seamlessly — no matter where you are in the world.

   • Roboto

     Roboto - Google Fonts. Roboto has a dual nature. It has a...

   • Material Icons

     Material Symbols are our newest icons consolidating over...

   • Sacramento

     Sacramento - Google Fonts. The Sacramento typeface is a...

   • Dancing Script

     Dancing Script - Google Fonts. Dancing Script is a lively...

   • Lobster

     Lobster - Google Fonts. The Lobster font took a different...

   • Ubuntu

     Ubuntu - Google Fonts. The Ubuntu Font Family are a set of...

   • Nunito Sans

     Nunito Sans - Google Fonts. Nunito is a well balanced sans...

   • Anton

     Anton - Google Fonts. Anton is a reworking of a traditional...

   • Merriweather

     Merriweather - Google Fonts. Merriweather was designed to be...

   • Inter

     Inter - Google Fonts. Inter is a variable font family...

2. www.w3schools.com › csS › css_font_googleCSS Google Fonts - W3Schools

   www.w3schools.com › csS › css_font_google

   • Cached

   123456790. Note: When specifying a font in CSS, always list at minimum one fallback font (to avoid unexpected behaviors). So, also here you should add a generic font family (like serif or sans-serif) to the end of the list. For a list of all available Google Fonts, visit our How To - Google Fonts Tutorial.

   Code sample

   <style>

   body {

     font-family: "Sofia", sans-serif;

   }

   </style>...

   See more on w3schools

3. developers.google.com › fonts › docsGet Started with the Google Fonts API | Google for Developers

   developers.google.com › fonts › docs

   • Cached

   Jul 18, 2022 · Learn how to add fonts to your web pages using the Google Fonts API and CSS stylesheets. See examples, parameters, and tips for optimizing your font requests.

4. fonts.google.com › knowledge › using_typeUsing web fonts – Fonts Knowledge - Google Fonts

   fonts.google.com › knowledge › using_type

   Learn how to load, reference, and assign weights and styles to web fonts from Google Fonts catalog. Find out how to optimize font performance and accessibility for your websites and products.

5. developers.google.com › fontsGoogle Fonts | Google for Developers

   developers.google.com › fonts

   • Cached

   Learn how to use Google Fonts in your web site with a simple CSS style. Browse the available fonts and access the developer API to create dynamic apps.

6. developers.google.com › fonts › docsCSS API update | Google Fonts | Google for Developers

   developers.google.com › fonts › docs

   • Cached

   Apr 4, 2023 · Learn how to use the new CSS API to request variable fonts from Google Fonts. See examples of syntax, ranges, styles, and optimization tips for dynamic typography.

7. People also ask

   How do I use Google Fonts in CSS?

   • To use Google Fonts in your CSS, first select the font from the Google Fonts website. Then, copy the provided link tag and paste it into your HTML file’s head section. Finally, copy the CSS rules provided by Google Fonts and paste them into your CSS file, applying them to the desired elements. Can I use Google Fonts offline?

   How to use Google Fonts and font-display — SitePoint

   www.sitepoint.com/how-to-use-google-fonts/

   See all results for this question

   How do I use Google Fonts API?

   • This guide explains how to use the Google Fonts API to add fonts to your web pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style. Here's an example. Copy and paste the following HTML into a file: Then open the file in a modern web browser.

   Get Started with the Google Fonts API | Google Developers

   developers.google.com/fonts/docs/getting_started

   See all results for this question

   How do I specify a web font in a CSS style?

   • Note: When specifying a web font in a CSS style, always list at least one fallback web-safe font in order to avoid unexpected behaviors. In particular, add a CSS generic font name like serif or sans-serif to the end of the list, so the browser can fall back to its default fonts if need be. For a list of fonts you can use, see Google Fonts.

   Get Started with the Google Fonts API | Google Developers

   developers.google.com/fonts/docs/getting_started

   See all results for this question

   What is Google Fonts?

   • Google Fonts is a library of free licensed font families and APIs for conveniently using the fonts via CSS and Android. We also provide delightful, beautifully crafted icons for common actions and...

   Google Fonts

   fonts.google.com/

   See all results for this question

8. www.sitepoint.com › how-to-use-google-fontsHow to use Google Fonts and font-display — SitePoint

   www.sitepoint.com › how-to-use-google-fonts

   • Cached

   Mar 29, 2023 · Learn how to add Google Fonts to your web projects and optimize their rendering with the font-display property. This tutorial covers the link and import methods, the different font-display values, and how to troubleshoot common issues.