Google Sans Font Family

Uploaded by Sergejs Ivanovs (12 styles)

License

Free for personal use

Designed by

Jesse Kaczmarek, Colophon Foundry

Description
Google Product Sans font family


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 Zulu

Google Sans font preview


Product Sans Regular

Product Sans Regular font

Product Sans Italic

Product Sans Italic font

Product Sans Thin Regular

Product Sans Thin Regular font

Product Sans Light Regular

Product Sans Light Regular font

Product Sans Medium Regular

Product Sans Medium Regular font

Product Sans Black Regular

Product Sans Black Regular font

Product Sans Thin Italic

Product Sans Thin Italic font

Product Sans Light Italic

Product Sans Light Italic font

Product Sans Medium Italic

Product Sans Medium Italic font

Product Sans Bold

Product Sans Bold font

Product Sans Bold Italic

Product Sans Bold Italic font

Product Sans Black Italic

Product Sans Black Italic font
Notice: This tool will soon be updated to the woff2 format.
Use "Google Sans" font as a Web Font

You can create beautiful websites with great typography using the @font-face kit of Google Sans font. Web font and @font-face supported all current browsers can use comfortably.

@font-face is very easy to use, click here to download Google Sans web font. The following example will guide you to the css and html codes.

WOFF (Web OpenFont Format) works with all current browsers. You can check the versions by clicking here.



@font-face kit
@font-face {
    font-family: 'Product Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Regular'), url('ProductSans-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Product Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Italic'), url('ProductSans-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Product Sans Thin Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Thin Regular'), url('ProductSans-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Product Sans Light Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Light Regular'), url('ProductSans-Light.woff') format('woff');
}
@font-face {
    font-family: 'Product Sans Medium Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Medium Regular'), url('ProductSans-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Product Sans Black Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Black Regular'), url('ProductSans-Black.woff') format('woff');
}
@font-face {
    font-family: 'Product Sans Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Thin Italic'), url('ProductSans-ThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'Product Sans Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Light Italic'), url('ProductSans-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Product Sans Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Medium Italic'), url('ProductSans-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Product Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Bold'), url('ProductSans-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Product Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Bold Italic'), url('ProductSans-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Product Sans Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Black Italic'), url('ProductSans-BlackItalic.woff') format('woff');
}



sample html
<h3 style="font-family: 'Product Sans Regular'">Eos voluptates accusamus voluptas reiciendis a.</h3>
<h3 style="font-family: 'Product Sans Italic'">Aut quia et ut facere at dolore.</h3>
<h3 style="font-family: 'Product Sans Thin Regular'">Est eos animi dolores qui maiores.</h3>
<h3 style="font-family: 'Product Sans Light Regular'">Dolores sed accusantium dolores officiis.</h3>
<h3 style="font-family: 'Product Sans Medium Regular'">Consequuntur accusamus soluta natus vitae.</h3>
<h3 style="font-family: 'Product Sans Black Regular'">Et quas veritatis et distinctio ut minima.</h3>
<h3 style="font-family: 'Product Sans Thin Italic'">Ea et temporibus est.</h3>
<h3 style="font-family: 'Product Sans Light Italic'">Odio omnis corrupti et.</h3>
<h3 style="font-family: 'Product Sans Medium Italic'">Optio itaque natus illum mollitia dolore.</h3>
<h3 style="font-family: 'Product Sans Bold'">Saepe velit inventore ipsum.</h3>
<h3 style="font-family: 'Product Sans Bold Italic'">Quasi cupiditate omnis qui voluptatem.</h3>
<h3 style="font-family: 'Product Sans Black Italic'">Asperiores eos nemo optio ipsa hic.</h3>
Preview



License

Google offers many fonts on open source terms. Google Sans is not one of them. Please see google.com/fonts for alternatives.

Google Sans is a trademark of Google.

Copyright 2017 Google Inc. All Rights Reserved.



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 NEWLY FONTS

Users who viewed this font also viewed

Helvetica

Added by Pndes Gndes (7 Style)

Helvetica font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Gotham

Added by zemin (18 Style)

Gotham font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Helvetica Neue

Added by Pndes Gndes (52 Style)

Helvetica Neue font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Avenir LT Std

Added by test (12 Style)

Avenir LT Std font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Myriad Pro

Added by zemin (10 Style)

Myriad Pro font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Helvetica Neue LT Std

Added by Emre Emir (5 Style)

Helvetica Neue LT Std font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Similar Fonts

Encode Sans

Added by yost (45 Style)

Encode Sans font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Grota Sans Alt

Added by Darron Bode (40 Style)

Grota Sans Alt font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Fira Sans Book

Added by Amy (32 Style)

Fira Sans Book font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Gill Sans Nova

Added by Glyn Roberts (30 Style)

Gill Sans Nova 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...