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'">Impedit est et nulla blanditiis consequatur.</h3>
<h3 style="font-family: 'Cormorant Medium Italic'">Eligendi et aut dolor.</h3>
<h3 style="font-family: 'Cormorant Regular'">Exercitationem dolor quos et.</h3>
<h3 style="font-family: 'Cormorant Garamond Regular'">Ut sed ut ut dolorem veritatis porro cum in.</h3>
<h3 style="font-family: 'Cormorant Infant Regular'">Qui dolore dolores voluptate laudantium.</h3>
<h3 style="font-family: 'Cormorant SC Regular'">Saepe sequi molestiae eum dolor.</h3>
<h3 style="font-family: 'Cormorant Unicase Regular'">Commodi id doloremque provident alias quo in non.</h3>
<h3 style="font-family: 'Cormorant Upright Regular'">Non ut non molestiae officiis.</h3>
<h3 style="font-family: 'Cormorant Garamond Italic'">Possimus est natus sit quibusdam et sed.</h3>
<h3 style="font-family: 'Cormorant Infant Italic'">Blanditiis et velit sint et adipisci natus.</h3>
<h3 style="font-family: 'Cormorant Italic'">Eum architecto fuga et occaecati.</h3>
<h3 style="font-family: 'Cormorant Garamond Light'">Dolorem accusantium natus nihil repudiandae ea.</h3>
<h3 style="font-family: 'Cormorant Infant Light'">Aut vel veritatis praesentium et ipsum quo.</h3>
<h3 style="font-family: 'Cormorant SC Light'">Iure tempore consequatur nam dolores est maiores.</h3>
<h3 style="font-family: 'Cormorant Unicase Light'">Iste voluptatem ab sit.</h3>
<h3 style="font-family: 'Cormorant Upright Light'">Sunt aut quis in et optio sit.</h3>
<h3 style="font-family: 'CormorantInfant-Light'">Modi eligendi rem voluptatibus ut.</h3>
<h3 style="font-family: 'Cormorant Light'">Quia dolorem voluptas omnis nobis et atque quasi.</h3>
<h3 style="font-family: 'Cormorant Light Italic'">Sint quia nemo expedita aliquam.</h3>
<h3 style="font-family: 'Cormorant Garamond Light Italic'">Voluptatem repudiandae laudantium optio quia.</h3>
<h3 style="font-family: 'Cormorant Infant Light Italic'">Aperiam nesciunt provident sunt id et delectus.</h3>
<h3 style="font-family: 'Cormorant Garamond Medium'">Ipsam est natus in et.</h3>
<h3 style="font-family: 'Cormorant Infant Medium'">Et soluta nostrum corrupti quos ullam.</h3>
<h3 style="font-family: 'Cormorant SC Medium'">Et eos molestiae cumque accusamus minus.</h3>
<h3 style="font-family: 'Cormorant Unicase Medium'">Distinctio culpa est quis.</h3>
<h3 style="font-family: 'Cormorant Upright Medium'">Aspernatur ut qui tempore voluptatibus explicabo.</h3>
<h3 style="font-family: 'Cormorant Garamond Medium Italic'">Aut at sed et sequi magni.</h3>
<h3 style="font-family: 'Cormorant Infant Medium Italic'">Ducimus est sit et quae est.</h3>
<h3 style="font-family: 'Cormorant SemiBold'">Iure rerum quia id.</h3>
<h3 style="font-family: 'Cormorant Garamond SemiBold'">In odit ex quae magnam velit doloribus.</h3>
<h3 style="font-family: 'Cormorant Infant SemiBold'">Optio a iusto iste a quos non delectus.</h3>
<h3 style="font-family: 'Cormorant SC SemiBold'">Aut repellendus nisi sapiente error delectus.</h3>
<h3 style="font-family: 'Cormorant Unicase Semibold'">Rerum similique natus eaque sit et qui.</h3>
<h3 style="font-family: 'Cormorant Upright Semibold'">Autem eum blanditiis dolores earum sit.</h3>
<h3 style="font-family: 'Cormorant SemiBold Italic'">Quibusdam quos eveniet omnis sint.</h3>
<h3 style="font-family: 'Cormorant Garamond SemiBold Italic'">Dolorem deserunt unde dolores veniam facere quia.</h3>
<h3 style="font-family: 'Cormorant Infant SemiBold Italic'">Consequatur reprehenderit harum velit error.</h3>
<h3 style="font-family: 'Cormorant Garamond Bold'">Quaerat officiis tempora ut dolore.</h3>
<h3 style="font-family: 'Cormorant Infant Bold'">Omnis et quis aut inventore.</h3>
<h3 style="font-family: 'Cormorant SC Bold'">Harum facere dolorum ut dolores.</h3>
<h3 style="font-family: 'Cormorant Unicase Bold'">Non omnis vitae eos ex.</h3>
<h3 style="font-family: 'Cormorant Upright Bold'">Alias quas nulla cum omnis velit itaque nostrum.</h3>
<h3 style="font-family: 'Cormorant Bold'">Non numquam sit rem magni.</h3>
<h3 style="font-family: 'Cormorant Garamond Bold Italic'">Et tempore harum modi illum.</h3>
<h3 style="font-family: 'Cormorant Bold Italic'">Ad impedit sit voluptatum voluptas explicabo.</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