Zilla Slab font

By Typotheque.com on Oct 26, 2018

Zilla Slab

Zilla Slab

Zilla Slab

Zilla Slab

Zilla Slab is Mozilla's core typeface, used for the Mozilla wordmark, headlines and throughout their designs. A contemporary slab serif, based on Typotheque's Tesla, it is constructed with smooth curves and true italics, which gives text an unexpectedly sophisticated industrial look and a friendly approachability in all weights.

Designed by Typotheque, this project is led by Mozilla. To contribute, see github.com/mozilla/zilla-slab
AAAaaa
<style type="text/css">
@font-face{
    font-family:"zilla-slab-regular";
    src:url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.regular.ttf") format("truetype");
}
span.font0{font-family:"zilla-slab-regular";font-size:px;text-transform:;}
</style>
Zilla Slab Regular
<style type="text/css">
@font-face{
    font-family:"zilla-slab-light-regular";
    src:url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.light.ttf") format("woff"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.light.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.light.ttf") format("truetype");
}
span.font1{font-family:"zilla-slab-light-regular";font-size:px;text-transform:;}
</style>
Zilla Slab Light Regular
<style type="text/css">
@font-face{
    font-family:"zilla-slab-medium-regular";
    src:url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.medium.ttf") format("woff"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.medium.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.medium.ttf") format("truetype");
}
span.font2{font-family:"zilla-slab-medium-regular";font-size:px;text-transform:;}
</style>
Zilla Slab Medium Regular
<style type="text/css">
@font-face{
    font-family:"zilla-slab-semibold-regular";
    src:url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.semibold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.semibold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.semibold.ttf") format("truetype");
}
span.font3{font-family:"zilla-slab-semibold-regular";font-size:px;text-transform:;}
</style>
Zilla Slab SemiBold Regular
<style type="text/css">
@font-face{
    font-family:"zilla-slab-bold";
    src:url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.bold.ttf") format("truetype");
}
span.font4{font-family:"zilla-slab-bold";font-size:px;text-transform:;}
</style>
Zilla Slab Bold
<style type="text/css">
@font-face{
    font-family:"zilla-slab-italic";
    src:url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.italic.ttf") format("truetype");
}
span.font5{font-family:"zilla-slab-italic";font-size:px;text-transform:;}
</style>
Zilla Slab Italic
<style type="text/css">
@font-face{
    font-family:"zilla-slab-light-italic";
    src:url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.light-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.light-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.light-italic.ttf") format("truetype");
}
span.font6{font-family:"zilla-slab-light-italic";font-size:px;text-transform:;}
</style>
Zilla Slab Light Italic
<style type="text/css">
@font-face{
    font-family:"zilla-slab-medium-italic";
    src:url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.medium-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.medium-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.medium-italic.ttf") format("truetype");
}
span.font7{font-family:"zilla-slab-medium-italic";font-size:px;text-transform:;}
</style>
Zilla Slab Medium Italic
<style type="text/css">
@font-face{
    font-family:"zilla-slab-semibold-italic";
    src:url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.semibold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.semibold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.semibold-italic.ttf") format("truetype");
}
span.font8{font-family:"zilla-slab-semibold-italic";font-size:px;text-transform:;}
</style>
Zilla Slab SemiBold Italic
<style type="text/css">
@font-face{
    font-family:"zilla-slab-bold-italic";
    src:url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.bold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.bold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/z/142/15142/file/zilla-slab.bold-italic.ttf") format("truetype");
}
span.font9{font-family:"zilla-slab-bold-italic";font-size:px;text-transform:;}
</style>
Zilla Slab Bold Italic

Ad1

ad2