Replace Lorem Ipsum with something more modern

Introduction

Lorem ipsum is a well known text among those of us involved in programming or design, appearing continuously in all kinds of projects. The text itself does not make any sense since it is only loose and incomplete words from a work written more than 2000 years ago by Cicero, entitled "De finibus bonorum et malorum". This text excerpt has been used for more than 500 years as a filler, to prepare sketches and prototypes that still have no real content.

The point is that when someone outside this world reads this text, they will think we are going crazy. So, someone decided to create a typeface called BLOKK, which later Christian Maths forked to release it under an open source license. This typeface is called Redacted and has two variants: Regular and Script (this one also includes Script Bold and Script Light variants).

It is a typeface that will convert any character into a squiggle or block.

The font is distributed in various formats such as .eot, .woff, .ttf and .svg for local use. It can also be found on platforms such as Google Fonts.

Demo and download

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Redacted|Redacted+Script">

<div class="wrapper">
  <div>
    <div>I Guess You Guys Aren't Ready For That Yet. But Your Kids Are Gonna Love It.</div>
    <div>Oct. 21, 2015</div>
  </div>
  <div>
    <div>I Guess You Guys Aren't Ready For That Yet. But Your Kids Are Gonna Love It.</div>
    <div>Oct. 21, 2015</div>
  </div>
</div>

@import url("https://fonts.googleapis.com/css?family=Redacted|Redacted+Script");

.wrapper > div:first-child {
  font-family: "Redacted";
}

.wrapper > div:last-child {
  font-family: "Redacted Script";
}

/* Demo styles */

.wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.wrapper > div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border: 5px solid var(--color-primary);
  border-radius: 4px;
  background-color: var(--color-background);
  padding: 12px;
  color: var(--color-opposite);
  gap: 12px;
}

It can be downloaded from https://github.com/christiannaths/Redacted-Font.