Dafont top | Download free for design

Metropolis font

By Chris Simpson on Aug 02, 2018
A modern, geometric typeface. Open sourced, and openly available. Influenced by other popular geometric, minimalist sans-serif typefaces of the new millennium. Designed for optimal readability at small point sizes while beautiful at large point sizes. It is released under the SIL Open Font License, v1.1. Update: now with italics.
AAAaaa
<style type="text/css">
@font-face{
    font-family:"metropolis-regular";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.regular.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.regular.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.regular.otf") format("truetype");
}
span.font0{font-family:"metropolis-regular";font-size:px;text-transform:;}
</style>
Metropolis Regular
<style type="text/css">
@font-face{
    font-family:"metropolis-thin";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.thin.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.thin.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.thin.otf") format("truetype");
}
span.font1{font-family:"metropolis-thin";font-size:px;text-transform:;}
</style>
Metropolis Thin
<style type="text/css">
@font-face{
    font-family:"metropolis-extra-light";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-light.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-light.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-light.otf") format("truetype");
}
span.font2{font-family:"metropolis-extra-light";font-size:px;text-transform:;}
</style>
Metropolis Extra Light
<style type="text/css">
@font-face{
    font-family:"metropolis-light";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.light.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.light.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.light.otf") format("truetype");
}
span.font3{font-family:"metropolis-light";font-size:px;text-transform:;}
</style>
Metropolis Light
<style type="text/css">
@font-face{
    font-family:"metropolis-medium";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.medium.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.medium.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.medium.otf") format("truetype");
}
span.font4{font-family:"metropolis-medium";font-size:px;text-transform:;}
</style>
Metropolis Medium
<style type="text/css">
@font-face{
    font-family:"metropolis-semi-bold";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.semi-bold.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.semi-bold.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.semi-bold.otf") format("truetype");
}
span.font5{font-family:"metropolis-semi-bold";font-size:px;text-transform:;}
</style>
Metropolis Semi Bold
<style type="text/css">
@font-face{
    font-family:"metropolis-bold";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.bold.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.bold.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.bold.otf") format("truetype");
}
span.font6{font-family:"metropolis-bold";font-size:px;text-transform:;}
</style>
Metropolis Bold
<style type="text/css">
@font-face{
    font-family:"metropolis-extra-bold";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-bold.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-bold.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-bold.otf") format("truetype");
}
span.font7{font-family:"metropolis-extra-bold";font-size:px;text-transform:;}
</style>
Metropolis Extra Bold
<style type="text/css">
@font-face{
    font-family:"metropolis-black";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.black.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.black.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.black.otf") format("truetype");
}
span.font8{font-family:"metropolis-black";font-size:px;text-transform:;}
</style>
Metropolis Black
<style type="text/css">
@font-face{
    font-family:"metropolis-regular-italic";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.regular-italic.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.regular-italic.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.regular-italic.otf") format("truetype");
}
span.font9{font-family:"metropolis-regular-italic";font-size:px;text-transform:;}
</style>
Metropolis Regular Italic
<style type="text/css">
@font-face{
    font-family:"metropolis-thin-italic";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.thin-italic.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.thin-italic.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.thin-italic.otf") format("truetype");
}
span.font10{font-family:"metropolis-thin-italic";font-size:px;text-transform:;}
</style>
Metropolis Thin Italic
<style type="text/css">
@font-face{
    font-family:"metropolis-extra-light-italic";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-light-italic.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-light-italic.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-light-italic.otf") format("truetype");
}
span.font11{font-family:"metropolis-extra-light-italic";font-size:px;text-transform:;}
</style>
Metropolis Extra Light Italic
<style type="text/css">
@font-face{
    font-family:"metropolis-light-italic";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.light-italic.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.light-italic.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.light-italic.otf") format("truetype");
}
span.font12{font-family:"metropolis-light-italic";font-size:px;text-transform:;}
</style>
Metropolis Light Italic
<style type="text/css">
@font-face{
    font-family:"metropolis-medium-italic";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.medium-italic.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.medium-italic.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.medium-italic.otf") format("truetype");
}
span.font13{font-family:"metropolis-medium-italic";font-size:px;text-transform:;}
</style>
Metropolis Medium Italic
<style type="text/css">
@font-face{
    font-family:"metropolis-semi-bold-italic";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.semi-bold-italic.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.semi-bold-italic.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.semi-bold-italic.otf") format("truetype");
}
span.font14{font-family:"metropolis-semi-bold-italic";font-size:px;text-transform:;}
</style>
Metropolis Semi Bold Italic
<style type="text/css">
@font-face{
    font-family:"metropolis-bold-italic";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.bold-italic.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.bold-italic.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.bold-italic.otf") format("truetype");
}
span.font15{font-family:"metropolis-bold-italic";font-size:px;text-transform:;}
</style>
Metropolis Bold Italic
<style type="text/css">
@font-face{
    font-family:"metropolis-extra-bold-italic";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-bold-italic.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-bold-italic.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.extra-bold-italic.otf") format("truetype");
}
span.font16{font-family:"metropolis-extra-bold-italic";font-size:px;text-transform:;}
</style>
Metropolis Extra Bold Italic
<style type="text/css">
@font-face{
    font-family:"metropolis-black-italic";
    src:url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.black-italic.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.black-italic.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/409/409/file/metropolis.black-italic.otf") format("truetype");
}
span.font17{font-family:"metropolis-black-italic";font-size:px;text-transform:;}
</style>
Metropolis Black Italic

a1

a2