Try It Yourself: CSS Fonts and Icons

HTML Code

<!DOCTYPE html>
<html>
<head>
  <title>CSS Fonts and Icons</title>
  <meta charset="UTF-8">
  <link href="https://fonts.googleapis.com/css?family=Srisakdi" rel="stylesheet">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
</head>
<body>

<h4>CSS Fonts and Icons</h4>

<h2>Font Icons</h2>
<i class="fa fa-user"></i>
<span class="fa fa-bars"></span>
<i class="fa fa-spinner"></i>
<span class="fa fa-download"></span>

<style>
body h4{
  font-family: 'Srisakdi', cursive;
  font-size: 3em;
  font-weight: 700;
}
.fa{
  color: #f00;
  font-size: 30px;
}
</style>

</body>
</html>

CSS Code

/* Write your CSS here */

CSS Fonts and Icons - Playground