Dafont top | Download free for design

FamiliarPro-Black font

By Roger S. Nelsson on Oct 26, 2018

Familiar Pro Font Family $50 | 8 x TTF and OTF

This family was inspired by a Type Battle over at Typophile: How would you design a font metrically compatible with Helvetica, but better than Arial? Working with preset letter widths was an interesting constraint, both a relief and a limitation at the same time.

I have done all the 4 basic weights, and the skewed obliques (done to a slightly less steep 10 degrees angle as opposed to the originals12) has been optically adjusted. The letters have been designed quite close to the german/swiss grotesk tradition, but by using super-elliptical rounds, rounded dots and slightly curved outer diagonals the end result is a friendly looking font family that still looks… familiar.

AAAaaa
<style type="text/css">
@font-face{
    font-family:"familiarpro-black--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Black.otf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Black.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Black.otf") format("truetype");
}
span.font0{font-family:"familiarpro-black--_";font-size:px;text-transform:;}
</style>
FamiliarPro-Black &
<style type="text/css">
@font-face{
    font-family:"familiarpro-black--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Black.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Black.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Black.ttf") format("truetype");
}
span.font1{font-family:"familiarpro-black--_";font-size:px;text-transform:;}
</style>
FamiliarPro-Black &
<style type="text/css">
@font-face{
    font-family:"familiarpro-blackoblique--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BlackOblique.otf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BlackOblique.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BlackOblique.otf") format("truetype");
}
span.font2{font-family:"familiarpro-blackoblique--_";font-size:px;text-transform:;}
</style>
FamiliarPro-BlackOblique &
<style type="text/css">
@font-face{
    font-family:"familiarpro-blackoblique--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BlackOblique.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BlackOblique.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BlackOblique.ttf") format("truetype");
}
span.font3{font-family:"familiarpro-blackoblique--_";font-size:px;text-transform:;}
</style>
FamiliarPro-BlackOblique &
<style type="text/css">
@font-face{
    font-family:"familiarpro-bold--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Bold.otf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Bold.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Bold.otf") format("truetype");
}
span.font4{font-family:"familiarpro-bold--_";font-size:px;text-transform:;}
</style>
FamiliarPro-Bold &
<style type="text/css">
@font-face{
    font-family:"familiarpro-bold--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Bold.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Bold.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Bold.ttf") format("truetype");
}
span.font5{font-family:"familiarpro-bold--_";font-size:px;text-transform:;}
</style>
FamiliarPro-Bold &
<style type="text/css">
@font-face{
    font-family:"familiarpro-boldoblique--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BoldOblique.otf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BoldOblique.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BoldOblique.otf") format("truetype");
}
span.font6{font-family:"familiarpro-boldoblique--_";font-size:px;text-transform:;}
</style>
FamiliarPro-BoldOblique &
<style type="text/css">
@font-face{
    font-family:"familiarpro-boldoblique--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BoldOblique.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BoldOblique.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-BoldOblique.ttf") format("truetype");
}
span.font7{font-family:"familiarpro-boldoblique--_";font-size:px;text-transform:;}
</style>
FamiliarPro-BoldOblique &
<style type="text/css">
@font-face{
    font-family:"familiarpro-light--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Light.otf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Light.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Light.otf") format("truetype");
}
span.font8{font-family:"familiarpro-light--_";font-size:px;text-transform:;}
</style>
FamiliarPro-Light &
<style type="text/css">
@font-face{
    font-family:"familiarpro-light--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Light.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Light.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Light.ttf") format("truetype");
}
span.font9{font-family:"familiarpro-light--_";font-size:px;text-transform:;}
</style>
FamiliarPro-Light &
<style type="text/css">
@font-face{
    font-family:"familiarpro-lightoblique--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-LightOblique.otf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-LightOblique.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-LightOblique.otf") format("truetype");
}
span.font10{font-family:"familiarpro-lightoblique--_";font-size:px;text-transform:;}
</style>
FamiliarPro-LightOblique &
<style type="text/css">
@font-face{
    font-family:"familiarpro-lightoblique--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-LightOblique.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-LightOblique.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-LightOblique.ttf") format("truetype");
}
span.font11{font-family:"familiarpro-lightoblique--_";font-size:px;text-transform:;}
</style>
FamiliarPro-LightOblique &
<style type="text/css">
@font-face{
    font-family:"familiarpro-regular--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Regular.otf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Regular.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Regular.otf") format("truetype");
}
span.font12{font-family:"familiarpro-regular--_";font-size:px;text-transform:;}
</style>
FamiliarPro-Regular &
<style type="text/css">
@font-face{
    font-family:"familiarpro-regular--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Regular.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Regular.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-Regular.ttf") format("truetype");
}
span.font13{font-family:"familiarpro-regular--_";font-size:px;text-transform:;}
</style>
FamiliarPro-Regular &
<style type="text/css">
@font-face{
    font-family:"familiarpro-regularoblique--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-RegularOblique.otf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-RegularOblique.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-RegularOblique.otf") format("truetype");
}
span.font14{font-family:"familiarpro-regularoblique--_";font-size:px;text-transform:;}
</style>
FamiliarPro-RegularOblique &
<style type="text/css">
@font-face{
    font-family:"familiarpro-regularoblique--_";
    src:url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-RegularOblique.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-RegularOblique.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/f/816/8816/file/FamiliarPro-RegularOblique.ttf") format("truetype");
}
span.font15{font-family:"familiarpro-regularoblique--_";font-size:px;text-transform:;}
</style>
FamiliarPro-RegularOblique &

a1

a2