Product Sans font

By on Oct 26, 2018

Product Sans

Product Sans

Product Sans

The new Google logo and identity system was developed to respond and grow with the changing needs of our users. It is a system that takes into account scale, interaction, and legibility, giving users a consistent and beautiful experience of the Google brand, wherever they encounter it.

To fully execute the brand system, we took the design a step further, by creating a custom, geometric sans serif called Product Sans. Simple, humble, and approachable, Product Sans was created from scratch to pair seamlessly with our logo in a variety of contexts and product lockups without overshadowing it. Additionally, it complements the new identity by introducing a primary branding typeface that is different in style and character from other interface text elements used in Material Design. With its careful weaving of form and function, it is an appropriate and essential component to the Google brand system.

You can insert a google logo, type "google_logo".

You can also insert the Google G, type "google_G".

Format : TTF, PNG

License : Personal and Commercial Use

AAAaaa
<style type="text/css">
@font-face{
    font-family:"product-sans-bold";
    src:url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Bold.ttf") format("truetype");
}
span.font0{font-family:"product-sans-bold";font-size:px;text-transform:;}
</style>
Product Sans Bold
<style type="text/css">
@font-face{
    font-family:"product-sans-italic";
    src:url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Italic.ttf") format("truetype");
}
span.font1{font-family:"product-sans-italic";font-size:px;text-transform:;}
</style>
Product Sans Italic
<style type="text/css">
@font-face{
    font-family:"product-sans-bold-italic";
    src:url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Bold Italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Bold Italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Bold Italic.ttf") format("truetype");
}
span.font2{font-family:"product-sans-bold-italic";font-size:px;text-transform:;}
</style>
Product Sans Bold Italic
<style type="text/css">
@font-face{
    font-family:"product-sans-regular";
    src:url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/p/798/13798/file/Product Sans Regular.ttf") format("truetype");
}
span.font3{font-family:"product-sans-regular";font-size:px;text-transform:;}
</style>
Product Sans Regular

Ad1

ad2