Indice

Monoton

El siguiente es un texto ficticio para ejemplificar el uso de la fuente:
"Monoton"

Código a insertar

Embed code in the of your html





<link rel="preconnect" href="https://fonts.googleapis.com>

<https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Monoton&family=Stint+Ultra+Condensed&family=Stint+Ultra+Expanded&display=swap" rel="stylesheet>

1. Add to the head section of web page. CSS class:

.monoton-regular { font-family: "Monoton", sans-serif; font-weight: 400; font-style: normal; } @import url('https://fonts.googleapis.com/css2?family=Monoton&family=Stint+Ultra+Condensed&family=Stint+Ultra+Expanded&display=swap');



3. Use font-face declaration Fonts.(http | https)




for Using:

Source:

🚀 https://fonts.google.com/

🚀 https://fonts.google.com/

Stint Ultra Condensed

El siguiente es un texto ficticio para ejemplificar el uso de la fuente:
"Stint Ultra Condensed "

Código a insertar

Embed code in the of your html





<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Stint+Ultra+Condensed&family=Stint+Ultra+Expanded&display=swap>

1. Add to the head section of web page. CSS class:

.stint-ultra-condensed-regular { font-family: "Stint Ultra Condensed", serif; font-weight: 400; font-style: normal; } @import url('https://fonts.googleapis.com/css2?family=Stint+Ultra+Condensed&family=Stint+Ultra+Expanded&display=swap');



3. Use font-face declaration Fonts.(http | https)




for Using:

Source:

🚀 https://fonts.google.com/

Stint Ultra Expanded

El siguiente es un texto ficticio para ejemplificar el uso de la fuente:
"Stint Ultra Expanded"

Código a insertar

Embed code in the of your html

<link href='https://fonts.googleapis.com/css?family=Corben' rel='stylesheet'">





<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<https://fonts.googleapis.com/css2?family=Stint+Ultra+Expanded&display=swap>

1. Add to the head section of web page. CSS class:

.stint-ultra-expanded-regular { font-family: "Stint Ultra Expanded", serif; font-weight: 400; font-style: normal;



3. Use font-face declaration Fonts.(http | https)




for Using:

Source:

🚀 https://fonts.google.com/

Bevan

El siguiente es un texto ficticio para ejemplificar el uso de la fuente:
"Bevan"

Código a insertar

Embed code in the of your html





<ink rel="preconnect" href="https://fonts.gstatic.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Bevan:ital@0;1&family=Corben:wght@400;700&family=Rubik+Mono+One&family=UnifrakturCook:wght@700&display=swap" rel="stylesheet">

1. Add to the head section of web page. CSS class:

.bevan-regular { font-family: "Bevan", serif; font-weight: 400; font-style: normal; } .bevan-regular-italic { font-family: "Bevan", serif; font-weight: 400; font-style: italic; }



3. Use font-face declaration Fonts.(http | https)




for Using:

Source:

🚀 https://fonts.google.com/

Rubik Mono One

El siguiente es un texto ficticio para ejemplificar el uso de la fuente:
"Rubik Mono One"

Código a insertar

Embed code in the of your html

<link href='https://fonts.googleapis.com/css?family=Corben' rel='stylesheet'">





<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Corben:wght@400;700&family=Rubik+Mono+One&family=UnifrakturCook:wght@700&display=swap" rel="stylesheet">

1. Add to the head section of web page. CSS class:

.rubik-mono-one-regular { font-family: "Rubik Mono One", monospace; font-weight: 400; font-style: normal; }

@import url(https://db.onlinewebfonts.com/c/b7c7daed6be499776e146d301eb14b34?family=Gotica+Moderna+KK);

3. Use font-face declaration Fonts.(http | https)




for Using:

Source:

🚀 https://fonts.google.com/

🚀 https://fonts.google.com/

Corben

El siguiente es un texto ficticio para ejemplificar el uso de la fuente:
'Corben'

Código a insertar

Embed code in the of your html

<link href='https://fonts.googleapis.com/css?family=Corben' rel='stylesheet'">









1. Add to the head section of web page. CSS class:



/* latin-ext */ @font-face { font-family: 'Corben'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/corben/v23/LYjDdGzzklQtCMpNqQNFlVs.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } .corben-regular { font-family: "Corben", serif; font-weight: 400; font-style: normal; } .corben-bold { font-family: "Corben", serif; font-weight: 700; font-style: normal; }

@import url(https://db.onlinewebfonts.com/c/b7c7daed6be499776e146d301eb14b34?family=Gotica+Moderna+KK);

3. Use font-face declaration Fonts.(http | https)




for Using:



Source:

🚀 https://fonts.google.com/

UnifrakturCook

El siguiente es un texto ficticio para ejemplificar el uso de la fuente:
UnifrakturCook

Código a insertar

Embed code in the of your html

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap" rel="stylesheet">


1. Add to the head section of web page.



UnifrakturCook: CSS class .unifrakturcook-bold { font-family: "UnifrakturCook", cursive; font-weight: 700; font-style: normal; }

@import url(https://db.onlinewebfonts.com/c/b7c7daed6be499776e146d301eb14b34?family=Gotica+Moderna+KK);

3. Use font-face declaration Fonts.(http | https)




for Using:



Source:

🚀 https://fonts.google.com/