Ñ for CSS Sans Font

css-ene-letter.markdown

Letter Ñ for CSS Sans Font

A Pen by David Díaz on CodePen.

License.

index.html

<div class="ene"></div>

style.css

/* Letter Ñ for CSS Sans */
/* http://yusugomori.com/projects/css-sans/fonts */
.ene {
  position: relative;
  top: 25px;
  left: 10px;
  width: 63px;
  height: 125px;
  border-width: 0 15px 0 15px;
  border-color: #000000;
  border-style: solid;
}

.ene:after {
  transform: skew(30deg,0);
  position: absolute;
  content: '';
  top: 0;
  left: 24px;
  width: 15px;
  height: 125px;
  background-color: #000000;
}

.ene:before {
  margin-top: -80px;
  content: "\02dc";
  font-size: 200px;
  position: absolute;
}