Cormorant Medium Font Family

Use "Cormorant Medium" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Cormorant Medium 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 Cormorant Medium 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.

@font-face kit

@font-face {
    font-family: 'Cormorant Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Medium'), url('Cormorant-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Medium Italic'), url('Cormorant-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Regular'), url('Cormorant-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Garamond Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Garamond Regular'), url('CormorantGaramond-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Infant Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Infant Regular'), url('CormorantInfant-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant SC Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant SC Regular'), url('CormorantSC-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Unicase Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Unicase Regular'), url('CormorantUnicase-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Upright Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Upright Regular'), url('CormorantUpright-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Garamond Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Garamond Italic'), url('CormorantGaramond-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Infant Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Infant Italic'), url('CormorantInfant-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Italic'), url('Cormorant-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Garamond Light';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Garamond Light'), url('CormorantGaramond-Light.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Infant Light';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Infant Light'), url('CormorantInfant-Light.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant SC Light';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant SC Light'), url('CormorantSC-Light.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Unicase Light';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Unicase Light'), url('CormorantUnicase-Light.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Upright Light';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Upright Light'), url('CormorantUpright-Light.woff') format('woff');
}
@font-face {
    font-family: 'CormorantInfant-Light';
    font-style: normal;
    font-weight: normal;
    src: local('CormorantInfant-Light'), url('CormorantInfant-Light.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Light';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Light'), url('Cormorant-Light.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Light Italic'), url('Cormorant-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Garamond Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Garamond Light Italic'), url('CormorantGaramond-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Infant Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Infant Light Italic'), url('CormorantInfant-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Garamond Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Garamond Medium'), url('CormorantGaramond-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Infant Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Infant Medium'), url('CormorantInfant-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant SC Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant SC Medium'), url('CormorantSC-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Unicase Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Unicase Medium'), url('CormorantUnicase-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Upright Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Upright Medium'), url('CormorantUpright-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Garamond Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Garamond Medium Italic'), url('CormorantGaramond-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Infant Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Infant Medium Italic'), url('CormorantInfant-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant SemiBold'), url('Cormorant-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Garamond SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Garamond SemiBold'), url('CormorantGaramond-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Infant SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Infant SemiBold'), url('CormorantInfant-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant SC SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant SC SemiBold'), url('CormorantSC-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Unicase Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Unicase Semibold'), url('CormorantUnicase-Semibold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Upright Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Upright Semibold'), url('CormorantUpright-Semibold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant SemiBold Italic'), url('Cormorant-SemiBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Garamond SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Garamond SemiBold Italic'), url('CormorantGaramond-SemiBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Infant SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Infant SemiBold Italic'), url('CormorantInfant-SemiBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Garamond Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Garamond Bold'), url('CormorantGaramond-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Infant Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Infant Bold'), url('CormorantInfant-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant SC Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant SC Bold'), url('CormorantSC-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Unicase Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Unicase Bold'), url('CormorantUnicase-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Upright Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Upright Bold'), url('CormorantUpright-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Bold'), url('Cormorant-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Garamond Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Garamond Bold Italic'), url('CormorantGaramond-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Cormorant Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Cormorant Bold Italic'), url('Cormorant-BoldItalic.woff') format('woff');
}

sample html

<h3 style="font-family: 'Cormorant Medium'">Cumque reprehenderit odio dolorem nulla.</h3>
<h3 style="font-family: 'Cormorant Medium Italic'">Architecto commodi pariatur sed officiis.</h3>
<h3 style="font-family: 'Cormorant Regular'">Quia ut nostrum dolore et.</h3>
<h3 style="font-family: 'Cormorant Garamond Regular'">Qui veniam at mollitia adipisci.</h3>
<h3 style="font-family: 'Cormorant Infant Regular'">Voluptas ut aut totam totam.</h3>
<h3 style="font-family: 'Cormorant SC Regular'">Illo sed corporis maiores aut culpa.</h3>
<h3 style="font-family: 'Cormorant Unicase Regular'">Fugiat ut non et qui.</h3>
<h3 style="font-family: 'Cormorant Upright Regular'">Vero accusamus illo quia qui.</h3>
<h3 style="font-family: 'Cormorant Garamond Italic'">Non eum ut aperiam aut ex porro dignissimos.</h3>
<h3 style="font-family: 'Cormorant Infant Italic'">Natus animi quos est aut.</h3>
<h3 style="font-family: 'Cormorant Italic'">Sint eveniet et illum earum.</h3>
<h3 style="font-family: 'Cormorant Garamond Light'">Et adipisci sed qui molestiae deserunt similique.</h3>
<h3 style="font-family: 'Cormorant Infant Light'">Voluptas recusandae quia fugiat.</h3>
<h3 style="font-family: 'Cormorant SC Light'">Ut illum laboriosam sit distinctio.</h3>
<h3 style="font-family: 'Cormorant Unicase Light'">Sint repellendus quo in eos sed.</h3>
<h3 style="font-family: 'Cormorant Upright Light'">Sint praesentium eos ratione et nemo.</h3>
<h3 style="font-family: 'CormorantInfant-Light'">Aut et error sit. Et minus inventore suscipit.</h3>
<h3 style="font-family: 'Cormorant Light'">Aut omnis aliquam nostrum autem.</h3>
<h3 style="font-family: 'Cormorant Light Italic'">Sit magni nihil perspiciatis voluptas.</h3>
<h3 style="font-family: 'Cormorant Garamond Light Italic'">Et culpa nemo nihil veniam alias corporis dicta.</h3>
<h3 style="font-family: 'Cormorant Infant Light Italic'">Incidunt quae quo cupiditate qui molestiae velit.</h3>
<h3 style="font-family: 'Cormorant Garamond Medium'">Alias maxime ratione et aliquam quia sunt.</h3>
<h3 style="font-family: 'Cormorant Infant Medium'">Odio ipsum perspiciatis culpa est et cum qui.</h3>
<h3 style="font-family: 'Cormorant SC Medium'">Earum id eum est debitis sapiente ut tenetur.</h3>
<h3 style="font-family: 'Cormorant Unicase Medium'">Qui vel et maxime accusantium.</h3>
<h3 style="font-family: 'Cormorant Upright Medium'">Optio sint explicabo architecto optio et.</h3>
<h3 style="font-family: 'Cormorant Garamond Medium Italic'">Et aliquam recusandae in ut.</h3>
<h3 style="font-family: 'Cormorant Infant Medium Italic'">Voluptatem qui natus magnam ut eos.</h3>
<h3 style="font-family: 'Cormorant SemiBold'">Enim reiciendis quis labore fugiat.</h3>
<h3 style="font-family: 'Cormorant Garamond SemiBold'">Officiis dolor facere asperiores nemo aliquid a.</h3>
<h3 style="font-family: 'Cormorant Infant SemiBold'">Eius dolores neque possimus fuga.</h3>
<h3 style="font-family: 'Cormorant SC SemiBold'">Quos dolores sapiente et quam numquam est aut.</h3>
<h3 style="font-family: 'Cormorant Unicase Semibold'">Voluptas eos animi alias aut tempora.</h3>
<h3 style="font-family: 'Cormorant Upright Semibold'">Odio soluta dolore architecto sed.</h3>
<h3 style="font-family: 'Cormorant SemiBold Italic'">Sint et et quo qui aspernatur quos aut.</h3>
<h3 style="font-family: 'Cormorant Garamond SemiBold Italic'">Et accusamus dolores sunt sed quidem.</h3>
<h3 style="font-family: 'Cormorant Infant SemiBold Italic'">Tempora ea nesciunt non iusto ratione.</h3>
<h3 style="font-family: 'Cormorant Garamond Bold'">Aut atque adipisci cumque quam.</h3>
<h3 style="font-family: 'Cormorant Infant Bold'">Accusamus excepturi omnis ullam.</h3>
<h3 style="font-family: 'Cormorant SC Bold'">Odit esse asperiores nemo vel.</h3>
<h3 style="font-family: 'Cormorant Unicase Bold'">Sed consequatur possimus tempore.</h3>
<h3 style="font-family: 'Cormorant Upright Bold'">Minus velit enim sint aliquid.</h3>
<h3 style="font-family: 'Cormorant Bold'">At ad sit porro omnis quidem ullam.</h3>
<h3 style="font-family: 'Cormorant Garamond Bold Italic'">Est assumenda quis qui ex temporibus eum.</h3>
<h3 style="font-family: 'Cormorant Bold Italic'">Saepe voluptates dolorem sit eos doloribus.</h3>

Preview

License

Copyright (c) 2015, Christian Thalmann ([email protected]), OFL (SIL Open Font License)

Created by Christian Thalmann with Glyphs in 2014–2015.

http://scripts.sil.org/OFL