Metropolis Font Family

Uploaded by Sandy (18 styles)

License

Free for personal use

Designed by

Chris Simpson

Supported Languages

Afrikaans Albanian Croatian Czech Danish Dutch English Estonian Finnish French German Hungarian Icelandic Italian Lithuanian Norwegian Polish Portugese Slovak Slovenian Spanisch Swedish Turkish Zulu

Metropolis font preview


Metropolis Regular

Metropolis Regular font

Metropolis Regular Italic

Metropolis Regular Italic font

Metropolis Extra Light

Metropolis Extra Light font

Metropolis Light

Metropolis Light font

Metropolis Thin

Metropolis Thin font

Metropolis Extra Light Italic

Metropolis Extra Light Italic font

Metropolis Light Italic

Metropolis Light Italic font

Metropolis Thin Italic

Metropolis Thin Italic font

Metropolis Medium

Metropolis Medium font

Metropolis Semi Bold

Metropolis Semi Bold font

Metropolis Bold

Metropolis Bold font

Metropolis Bold Italic

Metropolis Bold Italic font

Metropolis Medium Italic

Metropolis Medium Italic font

Metropolis Semi Bold Italic

Metropolis Semi Bold Italic font

Metropolis Extra Bold

Metropolis Extra Bold font

Metropolis Extra Bold Italic

Metropolis Extra Bold Italic font

Metropolis Black

Metropolis Black font

Metropolis Black Italic

Metropolis Black Italic font


Use "Metropolis" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Metropolis font. Webfont and @font-face supported all up-to-date browsers can use comfortably.

@font-face is very easy to use, click here to download Metropolis webfont kit. The following example will guide you to the css and html codes.

Ensuring the maximum cross browser typography support, WOFF (Web OpenFont Format) works with all up-to-date browsers. You can check the versions by clicking here.

Using this font on your website is your own legal responsibility. You can check the license information of the font.



You must be logged in to use CDN.
@font-face kit
@font-face {
    font-family: 'Metropolis Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Regular'), url('Metropolis-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Regular Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Regular Italic'), url('Metropolis-RegularItalic.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Extra Light';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Extra Light'), url('Metropolis-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Light';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Light'), url('Metropolis-Light.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Thin'), url('Metropolis-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Extra Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Extra Light Italic'), url('Metropolis-ExtraLightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Light Italic'), url('Metropolis-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Thin Italic'), url('Metropolis-ThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Medium'), url('Metropolis-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Semi Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Semi Bold'), url('Metropolis-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Bold'), url('Metropolis-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Bold Italic'), url('Metropolis-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Medium Italic'), url('Metropolis-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Semi Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Semi Bold Italic'), url('Metropolis-SemiBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Extra Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Extra Bold'), url('Metropolis-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Extra Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Extra Bold Italic'), url('Metropolis-ExtraBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Black';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Black'), url('Metropolis-Black.woff') format('woff');
}
@font-face {
    font-family: 'Metropolis Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Black Italic'), url('Metropolis-BlackItalic.woff') format('woff');
}



sample html
<h3 style="font-family: 'Metropolis Regular'">Distinctio quia commodi et.</h3>
<h3 style="font-family: 'Metropolis Regular Italic'">Quidem cupiditate dolor id deserunt ipsam.</h3>
<h3 style="font-family: 'Metropolis Extra Light'">Maiores hic eaque illo quo qui id ullam.</h3>
<h3 style="font-family: 'Metropolis Light'">Veritatis deserunt dolore aliquam et.</h3>
<h3 style="font-family: 'Metropolis Thin'">Nihil earum voluptates qui sint.</h3>
<h3 style="font-family: 'Metropolis Extra Light Italic'">Autem quia rerum non commodi eum laborum.</h3>
<h3 style="font-family: 'Metropolis Light Italic'">Aperiam illo et debitis optio mollitia alias.</h3>
<h3 style="font-family: 'Metropolis Thin Italic'">Vel iusto est placeat nobis quis aut nobis eius.</h3>
<h3 style="font-family: 'Metropolis Medium'">Consequatur incidunt nam optio doloribus.</h3>
<h3 style="font-family: 'Metropolis Semi Bold'">Voluptatem illum sequi maiores.</h3>
<h3 style="font-family: 'Metropolis Bold'">Et blanditiis aut inventore repellat quo sed est.</h3>
<h3 style="font-family: 'Metropolis Bold Italic'">Voluptas ducimus dicta dolore ut expedita.</h3>
<h3 style="font-family: 'Metropolis Medium Italic'">Quia minus et repudiandae blanditiis recusandae.</h3>
<h3 style="font-family: 'Metropolis Semi Bold Italic'">Recusandae quibusdam saepe nostrum et.</h3>
<h3 style="font-family: 'Metropolis Extra Bold'">Aut autem omnis ea tempore.</h3>
<h3 style="font-family: 'Metropolis Extra Bold Italic'">Velit aut veniam ut expedita fugit.</h3>
<h3 style="font-family: 'Metropolis Black'">Minus voluptas expedita aut ut voluptatem error.</h3>
<h3 style="font-family: 'Metropolis Black Italic'">Sequi et enim debitis.</h3>
Preview



License

Copyright © 2016 by Chris Simpson.





Legal notice

Cufonfonts.com's fonts are uploaded by our members. The license information stated by the members is usually correct but we cannot guarantee it. We give great importance to copyright and have developed some techniques to make sure that the previously mentioned issue doesn't occur, also the system automatically displays the copyright information of the font here. If you believe that this font is in violation of copyright and isn't legal, please let us know in order for the font to be removed or revised.

You can also check the legal and commercial status of this font;

MyFonts.com Fonts.com

It is the users' own legal responsibility to download and use this font.

Your download will begin in a moment.

If it doesn't, restart the download.

Like our Facebook page to be notified of the new free premium fonts!

SHARE ON FACEBOOK DISCOVER NEW FONTS

Users who viewed this font also viewed

Berthold Akzidenz Grotesk BE

Added by Pndes Gndes (21 Style)

Berthold Akzidenz Grotesk BE font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Bebas Neue

Added by zemin (6 Style)

Bebas Neue font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Maleah

Added by Sandy (4 Style)

Maleah font download

Font-Face Web fonts & TTF-OTF

Download Add to List

SF UI Display

Added by Pndes Gndes (8 Style)

SF UI Display font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Whitney-

Added by Deanna Spalding Corso (1 Style)

Whitney- font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Inter UI

Added by Sandy (8 Style)

Inter UI font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Now

Added by Maturax (6 Style)

Now font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Geo Sans Light

Added by zemin (2 Style)

Geo Sans Light font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Google Sans

Added by Sergejs Ivanovs (12 Style)

Google Sans font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Similar Fonts

CF Metropolis Serif

Added by dietrich.rubye (1 Style)

CF Metropolis Serif font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Metropolis NF

Added by Delta Hyatt (1 Style)

Metropolis NF font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Metropolis

Added by zemin (1 Style)

Metropolis font download

Font-Face Web fonts & TTF-OTF

Download Add to List



Explore font collections








CUFONFONTS.COM FACEBOOK PAGE OPENED!

Progress is running, please wait...