popp
google-webfonts-helper
Get eot, ttf, svg, woff and woff2 files + CSS snippets
Poppins sans-serif
Poppins
sans-serif
18 styles 100, 100italic, 200, 200italic, 300, 300italic, regular, italic, 500, 500italic, 600, 600italic, 700, 700italic, 800, 800italic, 900, 900italic
3 charsets devanagari, latin, latin-ext
Rank 6 in popularity of 1364 fonts in total
Last modified 2022-01-27 (v19)
1. Select charsets: (default is latin)
devanagarilatinlatin-ext
2. Select styles: (default is regular)
Preview size
16
px
 Sample text editable.
100
The quick brown fox jumps over the lazy dog.

100italic
The quick brown fox jumps over the lazy dog.

200
The quick brown fox jumps over the lazy dog.

200italic
The quick brown fox jumps over the lazy dog.

300
The quick brown fox jumps over the lazy dog.

300italic
The quick brown fox jumps over the lazy dog.

regular
The quick brown fox jumps over the lazy dog.

italic
The quick brown fox jumps over the lazy dog.

500
The quick brown fox jumps over the lazy dog.

500italic
The quick brown fox jumps over the lazy dog.

600
The quick brown fox jumps over the lazy dog.

600italic
The quick brown fox jumps over the lazy dog.

700
The quick brown fox jumps over the lazy dog.

700italic
The quick brown fox jumps over the lazy dog.

800
The quick brown fox jumps over the lazy dog.

800italic
The quick brown fox jumps over the lazy dog.

900
The quick brown fox jumps over the lazy dog.

900italic
The quick brown fox jumps over the lazy dog.

3. Copy CSS: (default is Best Support)
Best Support
Modern Browsers
Choose Best Support if old browsers still need to be supported. Formats in this snippet: [eot,woff,woff2,ttf,svg]

/* poppins-100 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/poppins/poppins-v19-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-100.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-100italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/poppins/poppins-v19-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-100italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-200 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/poppins/poppins-v19-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-200italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/poppins/poppins-v19-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-200italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins/poppins-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/poppins/poppins-v19-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-300italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins/poppins-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins/poppins-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins/poppins-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/poppins/poppins-v19-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins/poppins-v19-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/poppins/poppins-v19-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-600italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins/poppins-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/poppins/poppins-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins/poppins-v19-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/poppins/poppins-v19-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-800italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/poppins/poppins-v19-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/poppins/poppins-v19-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v19-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v19-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v19-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v19-latin-900italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
Customize folder prefix (optional): 
../fonts/poppins/
Click on code to select all statements, then copy/paste it into your own CSS file.

4. Download files:
Your generated archive for Poppins with charsets [latin] and styles [100,200,300,500,600,700,800,900,100italic,200italic,300italic,regular,italic,500italic,600italic,700italic,800italic,900italic] includes the formats [eot,ttf,svg,woff,woff2].

Fonts are copyright of their respective authors.
See Google Fonts Open Source Font Attribution to find out the specific license that this font uses.

You are now ready to self-host Poppins.
If this service has actually been helpful for you, please star it on GitHub. If you've encountered serious problems file an issue here.