How to use, Download Google Sans font face for website

Google Sans font family is one of the largest viewership font on the Internet, It accumulates by a magnitude of views daily. Google Sans font is the new default font for over 251 products of Google, including its search engine, Youtube, Gmail, Google Drive, Android Smartphones and Google TV and more.

Google Sans font family is the younger sibling of Google Roboto font family which is an Open Source project under Apache License, Its source code is available at Github, but Google Sans is an Proprietary to Google. Before Google Sans, Roboto font is the default font on Android Smartphones, Android Tablets, Android TV / Google TV and Chrome OS, and the recommended font for Google’s visual language, Material Design. Hundred millions of people use these devices and so far the best loved font. Roboto latest version is v2.138 released Aug 2, 2017.

How to use, Download Google Sans font face for website, what's the difference between Google Sans font face and Product Sans font face - Techzost blog

What is Product Sans Google font?

Product Sans font family is generally available parent version of Google Sans, Product Sans font family is not Open source and its is not available at Google Fonts like above other variant. Product San vs Google Sans, These fonts are almost same, no idea weather one could find any difference.

Product Sans specimen [https://storage.googleapis.com/g-design/static/product-sans-specimen.pdf]

What is Google Sans Google font?

Google Sans is the personalized version of Product Sans, which Google uses on almost all of their products. New default font for Google Branding.

On September 1, 2015 Google Sans replaced the old Google logo on its search homepage, Over 70,000~ people use Google Search engine every second. Over a billion people use Google’s products and services. 27% of visitors to Google.com are from the United States.

Also read our previous articles:

Google Sans font family styles

Google Sans Regular
Google Sans Italic
Google Sans Medium
Google Sans Medium Italic
Google Sans Bold
Google Sans Bold Italic

How to Download Product Sans

You cant Dont Download Product Sans font family at Google Fonts website, because its Proprietary to Google. However as long as you are not using for commercial use, It would / may be fine for personal use as long as use can access it and depends upon you.


/ *
 * See: https://fonts.google.com/license/googlerestricted
 * /
/ * cyrillic * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxidypQkot1TnFhsFMOfGShddOeIaEx8qw.woff2) format ('woff2');
  unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116;
}
/ * greek * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxidypQkot1TnFhsFMOfGShddOePaEx8qw.woff2) format ('woff2');
  unicode-range: U + 0370-03FF;
}
/ * latin-ext * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxidypQkot1TnFhsFMOfGShddOeCaEx8qw.woff2) format ('woff2');
  unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720- A7FF;
}
/ * latin * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxidypQkot1TnFhsFMOfGShddOeMaEw.woff2) format ('woff2');
  unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD;
}
/ * cyrillic * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdvPWbS2lBkm8.woff2) format ('woff2');
  unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116;
}
/ * greek * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdvPWbTGlBkm8.woff2) format ('woff2');
  unicode-range: U + 0370-03FF;
}
/ * latin-ext * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdvPWbQWlBkm8.woff2) format ('woff2');
  unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720- A7FF;
}
/ * latin * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdvPWbT2lB.woff2) format ('woff2');
  unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD;
}
/ * cyrillic * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxiDypQkot1TnFhsFMOfGShVE9eOcEg.woff2) format ('woff2');
  unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116;
}
/ * greek * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxiDypQkot1TnFhsFMOfGShVFNeOcEg.woff2) format ('woff2');
  unicode-range: U + 0370-03FF;
}
/ * latin-ext * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxiDypQkot1TnFhsFMOfGShVGdeOcEg.woff2) format ('woff2');
  unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720- A7FF;
}
/ * latin * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxiDypQkot1TnFhsFMOfGShVF9eO.woff2) format ('woff2');
  unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD;
}
/ * cyrillic * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShd5PSbS2lBkm8.woff2) format ('woff2');
  unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116;
}
/ * greek * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShd5PSbTGlBkm8.woff2) format ('woff2');
  unicode-range: U + 0370-03FF;
}
/ * latin-ext * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShd5PSbQWlBkm8.woff2) format ('woff2');
  unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720- A7FF;
}
/ * latin * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShd5PSbT2lB.woff2) format ('woff2');
  unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD;
}
/ * cyrillic * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdrPKbS2lBkm8.woff2) format ('woff2');
  unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116;
}
/ * greek * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdrPKbTGlBkm8.woff2) format ('woff2');
  unicode-range: U + 0370-03FF;
}
/ * latin-ext * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdrPKbQWlBkm8.woff2) format ('woff2');
  unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720- A7FF;
}
/ * latin * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdrPKbT2lB.woff2) format ('woff2');
  unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD;
}
/ * cyrillic * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdlPCbS2lBkm8.woff2) format ('woff2');
  unicode-range: U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116;
}
/ * greek * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdlPCbTGlBkm8.woff2) format ('woff2');
  unicode-range: U + 0370-03FF;
}
/ * latin-ext * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdlPCbQWlBkm8.woff2) format ('woff2');
  unicode-range: U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720- A7FF;
}
/ * latin * /
@ font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url (https://fonts.gstatic.com/s/productsans/v12/pxicypQkot1TnFhsFMOfGShdlPCbT2lB.woff2) format ('woff2');
  unicode-range: U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD;
}

To use Google Sans font face you must include https://fonts.googleapis.com/css2?family=Product+Sans:wght@100;200;300;400;500;700;900&display=swap

How to Download Google Sans

/*
 * See: https://fonts.google.com/license/googlerestricted
 */
/* cyrillic */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaGrENHsxJlGDuGo1OIlL3Bwp5MKg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLU94Yt3CwZ-Pw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLU94YtwCwZ-Pw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLU94Yt8CwZ-Pw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLU94Yt9CwZ-Pw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLV154t3CwZ-Pw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLV154twCwZ-Pw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLV154t8CwZ-Pw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLV154t9CwZ-Pw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLV154tzCwY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

To use Google Sans font face you must include https://fonts.googleapis.com/css2?family=Google+Sans:wght@100;200;300;400;500;700;900&display=swap

For alternative commercial use can use Open Sans Font family, which is relevant to font style of above.

Google Sans for Windows Desktop Fonts

To Download Google Sans for Desktop Fonts

How to Download all Google Fonts Zip ~300MB

Download all Open Source Google Fonts Files which include the binary font files served by Google Fonts (fonts.google.com)

You can download all Google Fonts in a simple ZIP snapshot (over 300MB) from https://github.com/google/fonts/archive/master.zip