MOTLEY CRUE

lowenbrau logo

by trentHarlem

HTML

<span class='O'>M</span><span class='U'>TLEY CR</span><span>E</span>


<!-- 
<br>
<span class='O'></span>

<span class='U'></span>

<span class='o'></span>

<span class='u'></span>
https://www.w3schools.com/cssref/css_entities.asp
-->

CSS

body {
  /* Red and Black */
  background-color: #c00;
  color: #222;

  /* White and Red */
  /*    background-color: whitesmoke;
     color: #c00; */

  text-align: center;
  margin: 10%;

}

span {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  font: bold 4rem system-ui;
}

span.O::after {
  content: '\00D6';
}

span.o::after {
  content: '\00F6';
}

span.u::after {
  content: '\00FC';
}

span.U::after {
  content: '\00DC';
}