Spectral Font Family

Uploaded by zemin (14 styles)

License

Free

Designed by

Jean-Baptiste Levee

Supported Languages

Afrikaans Albanian Belarusian Bosnian Bulgarian Catalan Croatian Czech Danish Dutch English Estonian Finnish French German Hungarian Icelandic Italian Latvian Lithuanian Macedonian Maltese Norwegian Polish Portugese Romanian Russian Serbian Slovak Slovenian Spanisch Swedish Turkish Ukrainian Uzbek Vietnamese Zulu

Spectral font preview


Spectral Regular

Spectral Regular font

Spectral Italic

Spectral Italic font

Spectral ExtraLight

Spectral ExtraLight font

Spectral ExtraLight Italic

Spectral ExtraLight Italic font

Spectral Light

Spectral Light font

Spectral Light Italic

Spectral Light Italic font

Spectral Medium

Spectral Medium font

Spectral Medium Italic

Spectral Medium Italic font

Spectral SemiBold

Spectral SemiBold font

Spectral SemiBold Italic

Spectral SemiBold Italic font

Spectral Bold

Spectral Bold font

Spectral Bold Italic

Spectral Bold Italic font

Spectral ExtraBold

Spectral ExtraBold font

Spectral ExtraBold Italic

Spectral ExtraBold Italic font


Use "Spectral" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Spectral 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 Spectral 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.



You must be logged in to use CDN.
@font-face kit
@font-face {
    font-family: 'Spectral Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral Regular'), url('Spectral-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Spectral Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral Italic'), url('Spectral-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Spectral ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral ExtraLight'), url('Spectral-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Spectral ExtraLight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral ExtraLight Italic'), url('Spectral-ExtraLightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Spectral Light';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral Light'), url('Spectral-Light.woff') format('woff');
}
@font-face {
    font-family: 'Spectral Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral Light Italic'), url('Spectral-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Spectral Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral Medium'), url('Spectral-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Spectral Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral Medium Italic'), url('Spectral-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Spectral SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral SemiBold'), url('Spectral-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Spectral SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral SemiBold Italic'), url('Spectral-SemiBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Spectral Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral Bold'), url('Spectral-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Spectral Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral Bold Italic'), url('Spectral-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Spectral ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral ExtraBold'), url('Spectral-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Spectral ExtraBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Spectral ExtraBold Italic'), url('Spectral-ExtraBoldItalic.woff') format('woff');
}



sample html
<h3 style="font-family: 'Spectral Regular'">Et non consequatur suscipit ut dignissimos.</h3>
<h3 style="font-family: 'Spectral Italic'">Magnam quia sapiente ducimus excepturi est.</h3>
<h3 style="font-family: 'Spectral ExtraLight'">Ex quasi quis in dolores eaque.</h3>
<h3 style="font-family: 'Spectral ExtraLight Italic'">Impedit aspernatur ducimus omnis autem dolorem.</h3>
<h3 style="font-family: 'Spectral Light'">Nobis et officiis rerum.</h3>
<h3 style="font-family: 'Spectral Light Italic'">Ipsa incidunt numquam est et in atque.</h3>
<h3 style="font-family: 'Spectral Medium'">Neque iusto nostrum maiores ratione.</h3>
<h3 style="font-family: 'Spectral Medium Italic'">Rem est quam iusto sed soluta qui.</h3>
<h3 style="font-family: 'Spectral SemiBold'">Quo totam ut accusamus ut est.</h3>
<h3 style="font-family: 'Spectral SemiBold Italic'">Consequatur quasi reprehenderit at.</h3>
<h3 style="font-family: 'Spectral Bold'">Nostrum ea fugit ut quis soluta earum optio.</h3>
<h3 style="font-family: 'Spectral Bold Italic'">Corrupti aliquam corporis odio sunt.</h3>
<h3 style="font-family: 'Spectral ExtraBold'">Reiciendis voluptas sint autem.</h3>
<h3 style="font-family: 'Spectral ExtraBold Italic'">Officiis dolorem et minus eligendi rerum vel.</h3>
Preview



License

This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL

Spectral is a registered trademark of Production Systems SAS.

Copyright 2017 The Spectral Project Authors (http://github.com/productiontype/spectral)

http://scripts.sil.org/OFL





Legal notice

Cufonfonts.com's fonts are uploaded by our members. The license information stated by the members is usually correct but we cannot guarantee it. We give great importance to copyright and have developed some techniques to make sure that the previously mentioned issue doesn't occur, also the system automatically displays the copyright information of the font here. If you believe that this font is in violation of copyright and isn't legal, please let us know in order for the font to be removed or revised.

You can also check the legal and commercial status of this font;

MyFonts.com Fonts.com

It is the users' own legal responsibility to download and use this font.

Your download will begin in a moment.

If it doesn't, restart the download.

Like our Facebook page to be notified of the new free premium fonts!

SHARE ON FACEBOOK DISCOVER NEW FONTS

Users who viewed this font also viewed

Neuton

Added by zemin (7 Style)

Neuton font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Hüsrev Hattı Arapça

Added by Lola Sanford (2 Style)

Hüsrev Hattı Arapça font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Romande ADF No2 Std

Added by zemin (11 Style)

Romande ADF No2 Std font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Baskerville

Added by zemin (12 Style)

Baskerville font download

Font-Face Web fonts & TTF-OTF

Download Add to List

CMU Serif

Added by oma84 (4 Style)

CMU Serif font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Gelasio

Added by lonnie44 (4 Style)

Gelasio font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Cormorant Medium

Added by Pndes Gndes (45 Style)

Cormorant Medium font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Similar Fonts

Spectral SC

Added by zemin (14 Style)

Spectral SC font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Spectral

Added by boyle.jazmyne (1 Style)

Spectral font download

Font-Face Web fonts & TTF-OTF

Download Add to List



Explore font collections








CUFONFONTS.COM FACEBOOK PAGE OPENED!

Progress is running, please wait...