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'">Qui commodi et ea deleniti qui et et.</h3>
<h3 style="font-family: 'Cormorant Medium Italic'">Itaque ab sunt sunt aut.</h3>
<h3 style="font-family: 'Cormorant Regular'">Et et voluptates facere ab.</h3>
<h3 style="font-family: 'Cormorant Garamond Regular'">Cumque magnam et et assumenda error qui.</h3>
<h3 style="font-family: 'Cormorant Infant Regular'">Ut assumenda quaerat quo.</h3>
<h3 style="font-family: 'Cormorant SC Regular'">Ut ut reiciendis quia quidem odio ea autem ut.</h3>
<h3 style="font-family: 'Cormorant Unicase Regular'">Esse inventore occaecati vero.</h3>
<h3 style="font-family: 'Cormorant Upright Regular'">Assumenda veritatis ipsa maxime ea asperiores.</h3>
<h3 style="font-family: 'Cormorant Garamond Italic'">Facilis quisquam iste deserunt.</h3>
<h3 style="font-family: 'Cormorant Infant Italic'">Quis ex voluptas soluta ipsum.</h3>
<h3 style="font-family: 'Cormorant Italic'">Veniam qui voluptatem pariatur provident enim.</h3>
<h3 style="font-family: 'Cormorant Garamond Light'">Qui praesentium dolor et numquam.</h3>
<h3 style="font-family: 'Cormorant Infant Light'">Assumenda assumenda quod id quo.</h3>
<h3 style="font-family: 'Cormorant SC Light'">Culpa deserunt ut aspernatur quae.</h3>
<h3 style="font-family: 'Cormorant Unicase Light'">Non veritatis nisi molestiae dignissimos unde.</h3>
<h3 style="font-family: 'Cormorant Upright Light'">Nisi quis provident adipisci.</h3>
<h3 style="font-family: 'CormorantInfant-Light'">Cumque eligendi minus nisi dolorem.</h3>
<h3 style="font-family: 'Cormorant Light'">Ipsa cumque quae voluptates vel.</h3>
<h3 style="font-family: 'Cormorant Light Italic'">Quia aut voluptatem voluptas qui illum provident.</h3>
<h3 style="font-family: 'Cormorant Garamond Light Italic'">Ut consequatur dolorum omnis velit quia dolores.</h3>
<h3 style="font-family: 'Cormorant Infant Light Italic'">Minus ratione sunt laborum est qui.</h3>
<h3 style="font-family: 'Cormorant Garamond Medium'">Eveniet ex eos corrupti.</h3>
<h3 style="font-family: 'Cormorant Infant Medium'">Suscipit facere dolorem non nesciunt.</h3>
<h3 style="font-family: 'Cormorant SC Medium'">Quae provident dignissimos et nam.</h3>
<h3 style="font-family: 'Cormorant Unicase Medium'">Omnis qui numquam pariatur dolorum.</h3>
<h3 style="font-family: 'Cormorant Upright Medium'">Et esse id dolores necessitatibus.</h3>
<h3 style="font-family: 'Cormorant Garamond Medium Italic'">Quasi et harum minus facilis explicabo.</h3>
<h3 style="font-family: 'Cormorant Infant Medium Italic'">At distinctio eos voluptas magnam autem.</h3>
<h3 style="font-family: 'Cormorant SemiBold'">Porro ut omnis asperiores.</h3>
<h3 style="font-family: 'Cormorant Garamond SemiBold'">Non accusamus tenetur assumenda omnis facere aut.</h3>
<h3 style="font-family: 'Cormorant Infant SemiBold'">Et hic id rerum omnis.</h3>
<h3 style="font-family: 'Cormorant SC SemiBold'">Harum sunt minus soluta vero.</h3>
<h3 style="font-family: 'Cormorant Unicase Semibold'">Nostrum nihil voluptatibus cum at assumenda.</h3>
<h3 style="font-family: 'Cormorant Upright Semibold'">Beatae earum ex quidem vel ut sunt voluptatem.</h3>
<h3 style="font-family: 'Cormorant SemiBold Italic'">Accusamus quam distinctio aut rerum qui.</h3>
<h3 style="font-family: 'Cormorant Garamond SemiBold Italic'">Tempora omnis adipisci enim aut atque qui.</h3>
<h3 style="font-family: 'Cormorant Infant SemiBold Italic'">Quos facilis qui repellat ut.</h3>
<h3 style="font-family: 'Cormorant Garamond Bold'">Quisquam accusantium necessitatibus non et.</h3>
<h3 style="font-family: 'Cormorant Infant Bold'">Aspernatur et doloribus quod in quae qui.</h3>
<h3 style="font-family: 'Cormorant SC Bold'">Iusto unde ea autem praesentium.</h3>
<h3 style="font-family: 'Cormorant Unicase Bold'">Repudiandae fugiat et culpa porro.</h3>
<h3 style="font-family: 'Cormorant Upright Bold'">Repudiandae voluptatum deleniti sunt inventore.</h3>
<h3 style="font-family: 'Cormorant Bold'">Occaecati ea voluptate incidunt.</h3>
<h3 style="font-family: 'Cormorant Garamond Bold Italic'">Consequatur quis ea reprehenderit in ullam.</h3>
<h3 style="font-family: 'Cormorant Bold Italic'">Corporis quia vero qui necessitatibus quos.</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