Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
The Famigo logo in HTML and CSS.
<!doctype html>
<meta charset="utf-8">
.famigo-logo {
font-family: Georgia, serif;
font-weight: bold;
.famigo-logo-f {
color: green;
.famigo-logo-a {
color: orange;
.famigo-logo-m {
color: red;
.famigo-logo-i {
color: purple;
.famigo-logo-g {
color: yellow;
.famigo-logo-o {
color: blue;
<h1 class="famigo-logo">
<span class="famigo-logo-f">F</span><!--
--><span class="famigo-logo-a">a</span><!--
--><span class="famigo-logo-m">m</span><!--
--><span class="famigo-logo-i">i</span><!--
--><span class="famigo-logo-g">g</span><!--
--><span class="famigo-logo-o">o</span>

This comment has been minimized.

Copy link

JensVerneuer commented Aug 7, 2013

nice work!
But what if you use :before and :after? the html footprint would be less.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.