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'">Itaque deserunt recusandae doloribus rerum.</h3>
<h3 style="font-family: 'Cormorant Medium Italic'">Voluptas sequi perferendis dolorem culpa.</h3>
<h3 style="font-family: 'Cormorant Regular'">Eius commodi quo officia nobis.</h3>
<h3 style="font-family: 'Cormorant Garamond Regular'">Omnis commodi quis quia est et rem.</h3>
<h3 style="font-family: 'Cormorant Infant Regular'">Et ut maiores magni est.</h3>
<h3 style="font-family: 'Cormorant SC Regular'">Doloremque est dolor et cupiditate.</h3>
<h3 style="font-family: 'Cormorant Unicase Regular'">Libero aperiam et qui et.</h3>
<h3 style="font-family: 'Cormorant Upright Regular'">Culpa sed dolores totam vero qui officiis ipsum.</h3>
<h3 style="font-family: 'Cormorant Garamond Italic'">Exercitationem eos voluptatibus dolorem.</h3>
<h3 style="font-family: 'Cormorant Infant Italic'">Harum necessitatibus error modi sed rem omnis.</h3>
<h3 style="font-family: 'Cormorant Italic'">Ut ea voluptas voluptatum aliquid.</h3>
<h3 style="font-family: 'Cormorant Garamond Light'">Sed est rem aliquam quia.</h3>
<h3 style="font-family: 'Cormorant Infant Light'">Labore sequi ipsam voluptatum earum.</h3>
<h3 style="font-family: 'Cormorant SC Light'">Cum et aspernatur voluptatem itaque quasi vero.</h3>
<h3 style="font-family: 'Cormorant Unicase Light'">Itaque voluptatum et quibusdam provident minus.</h3>
<h3 style="font-family: 'Cormorant Upright Light'">Iure nostrum magni voluptatibus a debitis.</h3>
<h3 style="font-family: 'CormorantInfant-Light'">Et sit modi et excepturi.</h3>
<h3 style="font-family: 'Cormorant Light'">Et vitae ut ut dolorem dolorem labore voluptas.</h3>
<h3 style="font-family: 'Cormorant Light Italic'">Ut laudantium distinctio veritatis et.</h3>
<h3 style="font-family: 'Cormorant Garamond Light Italic'">Doloribus ea aut repellendus sequi.</h3>
<h3 style="font-family: 'Cormorant Infant Light Italic'">Fugit recusandae ut recusandae nam quasi.</h3>
<h3 style="font-family: 'Cormorant Garamond Medium'">Illo dolores ullam id laboriosam minima rerum.</h3>
<h3 style="font-family: 'Cormorant Infant Medium'">Dolor nemo animi consequatur quia voluptatum.</h3>
<h3 style="font-family: 'Cormorant SC Medium'">Blanditiis ex consequatur voluptas quis possimus.</h3>
<h3 style="font-family: 'Cormorant Unicase Medium'">Consequuntur magni quo ab.</h3>
<h3 style="font-family: 'Cormorant Upright Medium'">Aut quia quam qui ut aut quae.</h3>
<h3 style="font-family: 'Cormorant Garamond Medium Italic'">Dolorum sed sit ut praesentium.</h3>
<h3 style="font-family: 'Cormorant Infant Medium Italic'">Qui et magnam delectus aliquid est non esse.</h3>
<h3 style="font-family: 'Cormorant SemiBold'">Illo fugit rerum qui nihil.</h3>
<h3 style="font-family: 'Cormorant Garamond SemiBold'">Et consequuntur ipsum excepturi et.</h3>
<h3 style="font-family: 'Cormorant Infant SemiBold'">Sed occaecati et et exercitationem.</h3>
<h3 style="font-family: 'Cormorant SC SemiBold'">Rerum aut nihil sapiente sit amet.</h3>
<h3 style="font-family: 'Cormorant Unicase Semibold'">Veritatis et est quas.</h3>
<h3 style="font-family: 'Cormorant Upright Semibold'">Tempora est ex voluptas aut velit laboriosam vel.</h3>
<h3 style="font-family: 'Cormorant SemiBold Italic'">Quo adipisci sed ducimus expedita et aut.</h3>
<h3 style="font-family: 'Cormorant Garamond SemiBold Italic'">Optio possimus iure ut libero ab est quia.</h3>
<h3 style="font-family: 'Cormorant Infant SemiBold Italic'">Soluta aut vitae nihil modi.</h3>
<h3 style="font-family: 'Cormorant Garamond Bold'">Aliquam qui ut ducimus enim.</h3>
<h3 style="font-family: 'Cormorant Infant Bold'">Nemo amet quis consequatur ratione dolor.</h3>
<h3 style="font-family: 'Cormorant SC Bold'">Iure nostrum aliquid et omnis laborum.</h3>
<h3 style="font-family: 'Cormorant Unicase Bold'">Ea error aperiam autem quo dolores.</h3>
<h3 style="font-family: 'Cormorant Upright Bold'">Dolore quis quae quidem aut.</h3>
<h3 style="font-family: 'Cormorant Bold'">Vero qui enim hic et voluptate voluptas.</h3>
<h3 style="font-family: 'Cormorant Garamond Bold Italic'">Rerum debitis blanditiis consequuntur nostrum.</h3>
<h3 style="font-family: 'Cormorant Bold Italic'">Sit et modi necessitatibus et sapiente.</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