Dev Coding Lab
  1. Home
  2. Vue

Recent Articles

  • Getting started with Vue 3
  • JavaScript Basics
  • How to use Google Fonts in HTML?
  • Getting started with Vue CLI
  • Adding FontAwesome to Angular

How to use Google Fonts in HTML?

Details
Written by: admin
Category: Vue
Published: 12 August 2025
Hits: 124

https://fonts.google.com/selection/embed

At head tag in html file:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">


declare the css style 

h1 {

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

}

 

Categories

  • Basics (8)
  • Android App Developement (0)
  • Web Dev (5)
  • Angular (1)
  • CMS Content (0)
  • Vue (1)
  • Javascript (1)

Most Read Articles

  • Android Platform Version
  • Kotlin Multiplatform
  • Welcome to the DevCodingLab.com
  • Drupal Tutorials
  • Joomla CMS Platform