JSFiddle - React, Tailwind, and code Playground
by Gonzalo
CSS
/* FONT EMBEDDING */
@font-face {
font-family: 'GEInspira';
src: url('../fonts/ge-inspira-web-regular.eot'); /* IE9 compat modes */
src: url('../fonts/ge-inspira-web-regular.eot?#') format('embedded-opentype'), /* IE 6-8 */
url('../fonts/ge-inspira-web-regular.woff') format('woff'), /* IE9+, FF 3.6+, Chrome 4+, Safari 5.1+ */
url('../fonts/ge-inspira-web-regular.ttf') format('truetype'), /* Safari 3-5, iOS 4.2+, Android 2.1+ */
url('../fonts/ge-inspira-web-regular.svgz#font') format('svg'), /* iOS 3.2-4.2, compressed */
url('../fonts/ge-inspira-web-regular.svg#font') format('svg'); /* iOS 3.2-4.2 */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GEInspira';
src: url('../fonts/ge-inspira-web-bold.eot'); /* IE9 compat modes */
src: url('../fonts/ge-inspira-web-bold.eot?#') format('embedded-opentype'), /* IE 6-8 */
url('../fonts/ge-inspira-web-bold.woff') format('woff'), /* IE9+, FF 3.6+, Chrome 4+, Safari 5.1+ */
url('../fonts/ge-inspira-web-bold.ttf') format('truetype'), /* Safari 3-5, iOS 4.2+, Android 2.1+ */
url('../fonts/ge-inspira-web-bold.svgz#font') format('svg'), /* iOS 3.2-4.2, compressed */
url('../fonts/ge-inspira-web-bold.svg#font') format('svg'); /* iOS 3.2-4.2 */
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'GEInspira';
src: url('../fonts/ge-inspira-web-italic.eot'); /* IE9 compat modes */
src: url('../fonts/ge-inspira-web-italic.eot?#') format('embedded-opentype'), /* IE 6-8 ...