how to add fonts like mac in your web page using html css
snippet in html

add font to css

user8964

/* Answer to: "add font to css" */

/*
  In the @font-face rule; first define a name for the font 
  (e.g. myFirstFont) and then point to the font file.

  Tip: Always use lowercase letters for the font URL. Uppercase
  letters can give unexpected results in IE.

  To use the font for an HTML element, refer to the name of the
  font (myFirstFont) through the font-family property:
*/

@font-face {
  font-family: myFirstFont;
  src: url(sansation_light.woff);
}

div {
  font-family: myFirstFont;
}

/*
  For more information, go to:
  https://www.w3schools.com/css/css3_fonts.asp
*/

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

user8315

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;