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'">Aut et sint ullam ipsum consequatur provident.</h3>
<h3 style="font-family: 'Cormorant Medium Italic'">Saepe tenetur non sed soluta.</h3>
<h3 style="font-family: 'Cormorant Regular'">Dolorem consectetur velit qui consequatur.</h3>
<h3 style="font-family: 'Cormorant Garamond Regular'">Nobis dolor qui et ab.</h3>
<h3 style="font-family: 'Cormorant Infant Regular'">Ullam eaque et molestiae saepe quia et.</h3>
<h3 style="font-family: 'Cormorant SC Regular'">Saepe suscipit incidunt quis.</h3>
<h3 style="font-family: 'Cormorant Unicase Regular'">Dolore consequatur perferendis rem.</h3>
<h3 style="font-family: 'Cormorant Upright Regular'">Impedit ea voluptas sequi voluptate atque ad.</h3>
<h3 style="font-family: 'Cormorant Garamond Italic'">Et expedita totam animi ipsam.</h3>
<h3 style="font-family: 'Cormorant Infant Italic'">Quia dolores possimus omnis illo veniam aut.</h3>
<h3 style="font-family: 'Cormorant Italic'">Et et inventore nisi labore amet esse.</h3>
<h3 style="font-family: 'Cormorant Garamond Light'">Quos eligendi a iste ex.</h3>
<h3 style="font-family: 'Cormorant Infant Light'">Iste quis cum voluptatum et aperiam error.</h3>
<h3 style="font-family: 'Cormorant SC Light'">Beatae perspiciatis atque et et architecto est.</h3>
<h3 style="font-family: 'Cormorant Unicase Light'">Quod sunt ab omnis atque.</h3>
<h3 style="font-family: 'Cormorant Upright Light'">Quaerat est quam omnis.</h3>
<h3 style="font-family: 'CormorantInfant-Light'">Qui neque omnis et ut voluptatem.</h3>
<h3 style="font-family: 'Cormorant Light'">Esse in aut asperiores natus et velit hic.</h3>
<h3 style="font-family: 'Cormorant Light Italic'">Adipisci quo quia tenetur.</h3>
<h3 style="font-family: 'Cormorant Garamond Light Italic'">Ut nihil fugit facilis enim itaque nam.</h3>
<h3 style="font-family: 'Cormorant Infant Light Italic'">Dolore pariatur nesciunt laboriosam eos.</h3>
<h3 style="font-family: 'Cormorant Garamond Medium'">Consequatur sunt tenetur nemo voluptates fuga et.</h3>
<h3 style="font-family: 'Cormorant Infant Medium'">Maxime veniam in pariatur itaque.</h3>
<h3 style="font-family: 'Cormorant SC Medium'">Esse officiis incidunt omnis.</h3>
<h3 style="font-family: 'Cormorant Unicase Medium'">Quos ut et consectetur. Et eos facilis est sed.</h3>
<h3 style="font-family: 'Cormorant Upright Medium'">Incidunt doloremque officia quae.</h3>
<h3 style="font-family: 'Cormorant Garamond Medium Italic'">Corporis est architecto odit ipsum voluptatem.</h3>
<h3 style="font-family: 'Cormorant Infant Medium Italic'">Qui maiores veritatis quae qui.</h3>
<h3 style="font-family: 'Cormorant SemiBold'">Sit sapiente totam ex et repellendus id aut.</h3>
<h3 style="font-family: 'Cormorant Garamond SemiBold'">Voluptatem eum nisi placeat sequi aut.</h3>
<h3 style="font-family: 'Cormorant Infant SemiBold'">Iste qui doloribus itaque odio.</h3>
<h3 style="font-family: 'Cormorant SC SemiBold'">Et hic ut qui non dolorem tempora.</h3>
<h3 style="font-family: 'Cormorant Unicase Semibold'">Odit quos nostrum alias nihil id.</h3>
<h3 style="font-family: 'Cormorant Upright Semibold'">Minus natus a qui eos.</h3>
<h3 style="font-family: 'Cormorant SemiBold Italic'">Ut excepturi facilis optio doloribus.</h3>
<h3 style="font-family: 'Cormorant Garamond SemiBold Italic'">Ab dolores dolores nam dolores voluptates.</h3>
<h3 style="font-family: 'Cormorant Infant SemiBold Italic'">Illo eaque illum eligendi laboriosam.</h3>
<h3 style="font-family: 'Cormorant Garamond Bold'">Optio rerum ut qui tenetur corrupti quod velit.</h3>
<h3 style="font-family: 'Cormorant Infant Bold'">Atque aut possimus omnis sapiente velit sunt.</h3>
<h3 style="font-family: 'Cormorant SC Bold'">Similique a nihil pariatur.</h3>
<h3 style="font-family: 'Cormorant Unicase Bold'">Illum eius iure modi voluptas quas.</h3>
<h3 style="font-family: 'Cormorant Upright Bold'">Qui quia quia suscipit placeat aliquid.</h3>
<h3 style="font-family: 'Cormorant Bold'">Est excepturi vel quia iste nisi.</h3>
<h3 style="font-family: 'Cormorant Garamond Bold Italic'">Sunt ex provident et eligendi molestias.</h3>
<h3 style="font-family: 'Cormorant Bold Italic'">Dolorem error corporis et qui et.</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