add fonts to html css code example

Example 1: css font face

@font-face {
  // Defining what the font will be called
  font-family: thisSpecialFont;
  // Linking to the font file
  src: url(linkToFontFile.woff);
}
body {
  font-family: thisSpecialFont;
}

Example 2: how to add fonts like mac in your web page using html css

Browse google fonts and search for Roboto family 


go to google fonts: https://fonts.google.com
					/specimen/Roboto?selection.family=Raleway:wght@200

add font with thickness 100

import link:<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com
/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">



CSS rules to specify families( add the below code in your css files )

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