Google Fonts
Google Fonts is an online catalog and delivery service providing openly licensed typefaces and resources for using them in websites and applications.
A Pythonic Adventure: From Python basics to a working web app
Google Fonts is an online catalog and delivery service for fonts that can be used in websites and applications.
- How it is used
- Styles website headings and other interface text with freely available web fonts.
- How deep it goes
- Demonstrates browsing, selecting, linking, and applying a font, without developing programmatic API access.
- Examples
- Uses fonts.google.com, Playfair Display, category filters, and a coffee shop heading.
- What you can do after
- Apply it via HTML and CSS to load a selected Google Font and style headings.
Read how A Pythonic Adventure: From Python basics to a working web app explains Google Fonts →
CSS in Depth, Second Edition
Google Fonts is an online service that provides hosted web fonts and CSS code for including them in web pages.
- How it is used
- Provides hosted web fonts and generated CSS for improving a page’s visual identity and typography.
- How deep it goes
- Demonstrates directory selection, weight refinement, embed-code retrieval, and CSS application.
- Examples
- Uses Sansita for headings, Roboto for body text, generated link tags, and contrasting typeface pairs.
- What you can do after
- Apply it via Google Fonts by selecting families, copying embed code, and assigning them through CSS.
Read how CSS in Depth, Second Edition explains Google Fonts →
Web Design Playground, Second Edition
Google Fonts is a service that provides a catalog of web fonts and the resources needed to load them on websites.
- How it is used
- Loads licensed, hosted web fonts for website typography and supports deliberate typeface selection for readable page text.
- How deep it goes
- Explains selection, style customization, generated links, CSS application, and loading trade-offs, but stops short of font-host internals.
- Examples
- Demonstrates Lato loading, Lato CSS usage, and heading-body pairings such as Playfair Display with Open Sans.
- What you can do after
- Apply it via Google Fonts by selecting families, copying generated links, assigning CSS fallbacks, and evaluating small-screen legibility.
Read how Web Design Playground, Second Edition explains Google Fonts →
Tiny CSS Projects
Google Fonts is a hosted catalog and delivery service for open-source fonts used in websites and applications.
- How it is used
- Applies distinctive typography to responsive web layouts and small interface projects.
- How deep it goes
- Explains CSS importing, family selection, fallbacks, combined requests, and CDN cautions without covering font-loading internals.
- Examples
- Demonstrates PT Serif, Oswald, Cardo, and Rubik in newspaper and summary-card layouts.
- What you can do after
- Apply it via CSS imports, font-family declarations, fallbacks, and combined requests.
Related concepts
- ChatGPTused by · ChatGPT is OpenAI’s conversational AI service, which lets users interact with generative AI models and related tools through natural-language prompts.
- contractuses · An API contract is a specification of the operations, data, and behavioral expectations that govern interactions between software components.
- link elementused by · The HTML link element declares a relationship between a document and an external resource or resource metadata.
- CSSproduces · CSS, or Cascading Style Sheets, is a stylesheet language for specifying the presentation and layout of structured documents and user interfaces.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.