Crimson Text Font Family

Use "Crimson Text" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Crimson Text 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 Crimson Text 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: 'Crimson Text Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Crimson Text Regular'), url('CrimsonText-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Crimson Text Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Crimson Text Italic'), url('CrimsonText-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Crimson Text SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Crimson Text SemiBold'), url('CrimsonText-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Crimson Text SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Crimson Text SemiBold Italic'), url('CrimsonText-SemiBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Crimson Text Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Crimson Text Bold'), url('CrimsonText-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Crimson Text Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Crimson Text Bold Italic'), url('CrimsonText-BoldItalic.woff') format('woff');
}

sample html

<h3 style="font-family: 'Crimson Text Regular'">Magni ut libero sed quam delectus dolore.</h3>
<h3 style="font-family: 'Crimson Text Italic'">Quisquam et quidem qui iste.</h3>
<h3 style="font-family: 'Crimson Text SemiBold'">Incidunt aut aspernatur repellat ut.</h3>
<h3 style="font-family: 'Crimson Text SemiBold Italic'">Est molestias fugiat unde fugiat. Sint ea ut hic.</h3>
<h3 style="font-family: 'Crimson Text Bold'">Ad voluptatem est quisquam est.</h3>
<h3 style="font-family: 'Crimson Text Bold Italic'">Autem qui dolorem quia quam illo.</h3>

Preview

License