<?xml version="1.0" encoding="utf-8"?>

Google fonts in CSS

Google fonts in CSS Bad Practice
Google fonts in CSS Best Practice

If you do not want to use any of the standard fonts in HTML, Google Fonts are a great alternative — you can choose from 1000+ free typefaces.

Adding Google Fonts to your web page requires 2 steps:

  1. Add a special stylesheet link to your HTML document in the <head> tag
  2. Refer to the font in the font-family property

Done! Enjoy your page with the body text in beautiful tall and narrow Trirong font reminiscent of traditional Thai typefaces.

Improve your UX & Product skills with interactive courses that actually work