<p id="google">
  <span class="blue">G</span><span class="red">o</span><span class="yellow">o</span><span class="blue">g</span><span class="green">l</span><span class="red">e</span>
</p>

@font-face {
  font-family: "Palatino Linotype P";
  src: url("https://poxmedia.net/font/pala.ttf") format("truetype");
}

body {
  background: white;
}

#google {
  font-family: "Catull", "Palatino Linotype", "Palatino Linotype P";
  font-size: 128px;
  text-align: center;
  line-height: 50%;
}

.blue {
  color: #4385f5;
}

.red {
  color: #dc4437;
}

.yellow {
  color: #f5b400;
}

.green {
  color: #109d59;
}