Consultas | Misceláneos

Ver páginas misceláneas

---

Modelos de fuentes (1)

Modelos de fuentes (2)

Modelos de fuentes (3)

Modelos de fuentes (4)

https://fonts.google.com/

https://www.1001freefonts.com/es/

https://www.somacon.com/p334.php

Gotica Moderna KK Outline

El siguiente es un texto ficticio para ejemplificar el uso de la fuente:
Gotica Moderna KK Outline

Código a insertar

1. Add to the head section of web page.

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

2. Using @import CSS directive, put the following line in add to your css file.(http | https)

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

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

@font-face { font-family: "Gotica Moderna KK Outline"; src: url("https://db.onlinewebfonts.com/t/2d3d0fffbe1c233848b0e7710644a296.eot"); src: url("https://db.onlinewebfonts.com/t/2d3d0fffbe1c233848b0e7710644a296.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/2d3d0fffbe1c233848b0e7710644a296.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/2d3d0fffbe1c233848b0e7710644a296.woff")format("woff"), url("https://db.onlinewebfonts.com/t/2d3d0fffbe1c233848b0e7710644a296.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/2d3d0fffbe1c233848b0e7710644a296.svg#Gotica Moderna KK Outline")format("svg"); }

4. CSS rules to specify fonts

font-family: "Gotica Moderna KK Outline";

for Using:



Credits:

🚀 https://www.onlinewebfonts.com/

Miura Gotic Propo

El siguiente es un texto ficticio para ejemplificar el uso de la fuente:
Miura Gotic Propo

Código a insertar

<link href="https://db.onlinewebfonts.com/c/3c3233c9b59b811803f21f5093fe45aa?family=Miura+Gotic+Propo" rel="stylesheet">

1. Add to the head section of web page.

@import url(https://db.onlinewebfonts.com/c/3c3233c9b59b811803f21f5093fe45aa?family=Miura+Gotic+Propo);

2. Using @import CSS directive, put the following line in add to your css file.(http | https)

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

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

@font-face { font-family: "Miura Gotic Propo"; src: url("https://db.onlinewebfonts.com/t/3c3233c9b59b811803f21f5093fe45aa.eot"); src: url("https://db.onlinewebfonts.com/t/3c3233c9b59b811803f21f5093fe45aa.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/3c3233c9b59b811803f21f5093fe45aa.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/3c3233c9b59b811803f21f5093fe45aa.woff")format("woff"), url("https://db.onlinewebfonts.com/t/3c3233c9b59b811803f21f5093fe45aa.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/3c3233c9b59b811803f21f5093fe45aa.svg#Miura Gotic Propo")format("svg"); }

4. CSS rules to specify fonts

font-family: "Miura Gotic Propo";

for Using:



Credits:

🚀 https://www.onlinewebfonts.com/

Gotica Moderna KK

El siguiente es un texto ficticio para ejemplificar el uso de la fuente:
Gotica Moderna KK

Código a insertar

1. Add to the head section of web page.

<https://db.onlinewebfonts.com/c/b7c7daed6be499776e146d301eb14b34?family=Gotica+Moderna+KK>

2. Using @import CSS directive, put the following line in add to your css file.(http | https)

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

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

@font-face { font-family: "Gotica Moderna KK"; src: url("https://db.onlinewebfonts.com/t/b7c7daed6be499776e146d301eb14b34.eot"); src: url("https://db.onlinewebfonts.com/t/b7c7daed6be499776e146d301eb14b34.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/b7c7daed6be499776e146d301eb14b34.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/b7c7daed6be499776e146d301eb14b34.woff")format("woff"), url("https://db.onlinewebfonts.com/t/b7c7daed6be499776e146d301eb14b34.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/b7c7daed6be499776e146d301eb14b34.svg#Gotica Moderna KK")format("svg"); }

4. CSS rules to specify fonts

font-family: "Gotica Moderna KK";

for Using:



Credits:

🚀 https://www.onlinewebfonts.com/

GoticaCaps

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

Código a insertar

1. Add to the head section of web page.

<https://db.onlinewebfonts.com/c/cbce3248156bef588f0cdd4d1dab60be?family=GoticaCaps>

2. Using @import CSS directive, put the following line in add to your css file.(http | https)

@import url(https://db.onlinewebfonts.com/c/cbce3248156bef588f0cdd4d1dab60be?family=GoticaCaps);

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

@font-face { font-family: "GoticaCaps"; src: url("https://db.onlinewebfonts.com/t/cbce3248156bef588f0cdd4d1dab60be.eot"); src: url("https://db.onlinewebfonts.com/t/cbce3248156bef588f0cdd4d1dab60be.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/cbce3248156bef588f0cdd4d1dab60be.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/cbce3248156bef588f0cdd4d1dab60be.woff")format("woff"), url("https://db.onlinewebfonts.com/t/cbce3248156bef588f0cdd4d1dab60be.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/cbce3248156bef588f0cdd4d1dab60be.svg#GoticaCaps")format("svg"); }

4. CSS rules to specify fonts

font-family: "GoticaCaps";

for Using:



Credits:

🚀 https://www.onlinewebfonts.com/

Old English Text MT Std

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

Old English Text MT Std

Código a insertar

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

@font-face { font-family: "Old English Text MT Std"; src: url("https://db.onlinewebfonts.com/t/a0f33b8a3febb69aa498dba7d9e8cab2.eot"); src: url("https://db.onlinewebfonts.com/t/a0f33b8a3febb69aa498dba7d9e8cab2.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/a0f33b8a3febb69aa498dba7d9e8cab2.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/a0f33b8a3febb69aa498dba7d9e8cab2.woff")format("woff"), url("https://db.onlinewebfonts.com/t/a0f33b8a3febb69aa498dba7d9e8cab2.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/a0f33b8a3febb69aa498dba7d9e8cab2.svg#Old English Text MT Std")format("svg"); }

CSS rules to specify fonts:

font-family: "Old English Text MT Std";

Add to the head section of web page:

<link href="https://db.onlinewebfonts.com/c/a0f33b8a3febb69aa498dba7d9e8cab2?family=Old+English+Text+MT+Std" rel="stylesheet">

Using @import CSS directive, put the following line in add to your css file.(http | https):

@import url(https://db.onlinewebfonts.com/c/a0f33b8a3febb69aa498dba7d9e8cab2?family=Old+English+Text+MT+Std);

Credits:

🚀 https://www.onlinewebfonts.com/

Westerner

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

Código a insertar

1. Add to the head section of web page.

<https://db.onlinewebfonts.com/c/50e7864d58f0b36f85a1d6c568d417ee?family=Westerner>

2. Using @import CSS directive, put the following line in add to your css file.(http | https)

@import url(https://db.onlinewebfonts.com/c/50e7864d58f0b36f85a1d6c568d417ee?family=Westerner);

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

@font-face { font-family: "Westerner"; src: url("https://db.onlinewebfonts.com/t/50e7864d58f0b36f85a1d6c568d417ee.eot"); src: url("https://db.onlinewebfonts.com/t/50e7864d58f0b36f85a1d6c568d417ee.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/50e7864d58f0b36f85a1d6c568d417ee.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/50e7864d58f0b36f85a1d6c568d417ee.woff")format("woff"), url("https://db.onlinewebfonts.com/t/50e7864d58f0b36f85a1d6c568d417ee.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/50e7864d58f0b36f85a1d6c568d417ee.svg#Westerner")format("svg"); }

4. CSS rules to specify fonts

font-family: "Westerner";

for Using:



Credits:

🚀 https://www.onlinewebfonts.com/

Oldwestern

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

Código a insertar

1. Add to the head section of web page.

<https://db.onlinewebfonts.com/c/0ff6e99fb2ae0b06f4aa26ac1e73d092?family=Oldwestern>

2. Using @import CSS directive, put the following line in add to your css file.(http | https)

@import url(https://db.onlinewebfonts.com/c/0ff6e99fb2ae0b06f4aa26ac1e73d092?family=Oldwestern);

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

@font-face { font-family: "Oldwestern"; src: url("https://db.onlinewebfonts.com/t/0ff6e99fb2ae0b06f4aa26ac1e73d092.eot"); src: url("https://db.onlinewebfonts.com/t/0ff6e99fb2ae0b06f4aa26ac1e73d092.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/0ff6e99fb2ae0b06f4aa26ac1e73d092.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/0ff6e99fb2ae0b06f4aa26ac1e73d092.woff")format("woff"), url("https://db.onlinewebfonts.com/t/0ff6e99fb2ae0b06f4aa26ac1e73d092.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/0ff6e99fb2ae0b06f4aa26ac1e73d092.svg#Oldwestern")format("svg");

4. CSS rules to specify fonts

font-family: "Oldwestern";

for Using:



Credits:

🚀 https://www.onlinewebfonts.com/

Sigmar One

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

Código a insertar

1. Add to the head section of web page.

<https://db.onlinewebfonts.com/c/cebafa28ad25ee4c31b9dd6daef2f4b0?family=Sigmar+One>

2. Using @import CSS directive, put the following line in add to your css file.(http | https)

@import url(https://db.onlinewebfonts.com/c/cebafa28ad25ee4c31b9dd6daef2f4b0?family=Sigmar+One);

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

@font-face { font-family: "Sigmar One"; src: url("https://db.onlinewebfonts.com/t/cebafa28ad25ee4c31b9dd6daef2f4b0.eot"); src: url("https://db.onlinewebfonts.com/t/cebafa28ad25ee4c31b9dd6daef2f4b0.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/cebafa28ad25ee4c31b9dd6daef2f4b0.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/cebafa28ad25ee4c31b9dd6daef2f4b0.woff")format("woff"), url("https://db.onlinewebfonts.com/t/cebafa28ad25ee4c31b9dd6daef2f4b0.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/cebafa28ad25ee4c31b9dd6daef2f4b0.svg#Sigmar One")format("svg"); }

4. CSS rules to specify fonts

font-family: "Sigmar One";

for Using:



Credits:

🚀 https://www.onlinewebfonts.com/

Skyfont

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

Código a insertar

1. Add to the head section of web page.

<https://db.onlinewebfonts.com/c/35c8dd5006b186a4bcfaebc6670f805f?>

2. Using @import CSS directive, put the following line in add to your css file.(http | https)

@import url(https://db.onlinewebfonts.com/c/35c8dd5006b186a4bcfaebc6670f805f?family=Skyfont);

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

@font-face { font-family: "Skyfont"; src: url("https://db.onlinewebfonts.com/t/35c8dd5006b186a4bcfaebc6670f805f.eot"); src: url("https://db.onlinewebfonts.com/t/35c8dd5006b186a4bcfaebc6670f805f.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/35c8dd5006b186a4bcfaebc6670f805f.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/35c8dd5006b186a4bcfaebc6670f805f.woff")format("woff"), url("https://db.onlinewebfonts.com/t/35c8dd5006b186a4bcfaebc6670f805f.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/35c8dd5006b186a4bcfaebc6670f805f.svg#Skyfont")format("svg"); }

4. CSS rules to specify fonts

font-family: "Skyfont";

for Using:



Credits:

🚀 https://www.onlinewebfonts.com/

Honest

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

Código a insertar

1. Add to the head section of web page.

<https://db.onlinewebfonts.com/c/46e538cf736f40f028c390d2b78b17aa?family=Honest>

2. Using @import CSS directive, put the following line in add to your css file.(http | https)

@import url(https://db.onlinewebfonts.com/c/46e538cf736f40f028c390d2b78b17aa?family=Honest);

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

@font-face { font-family: "Honest"; src: url("https://db.onlinewebfonts.com/t/46e538cf736f40f028c390d2b78b17aa.eot"); src: url("https://db.onlinewebfonts.com/t/46e538cf736f40f028c390d2b78b17aa.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/46e538cf736f40f028c390d2b78b17aa.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/46e538cf736f40f028c390d2b78b17aa.woff")format("woff"), url("https://db.onlinewebfonts.com/t/46e538cf736f40f028c390d2b78b17aa.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/46e538cf736f40f028c390d2b78b17aa.svg#Honest")format("svg");

4. CSS rules to specify fonts

font-family: "Honest";

for Using:



Credits:

🚀 https://www.onlinewebfonts.com/

Wones

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

Código a insertar

1. Add to the head section of web page.

<https://db.onlinewebfonts.com/c/e575aefcaa089cfb2f4f13dcdbce4b32?family=Wones>

2. Using @import CSS directive, put the following line in add to your css file.(http | https)

@import url(https://db.onlinewebfonts.com/c/e575aefcaa089cfb2f4f13dcdbce4b32?family=Wones);

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

@font-face { font-family: "Wones"; src: url("https://db.onlinewebfonts.com/t/e575aefcaa089cfb2f4f13dcdbce4b32.eot"); src: url("https://db.onlinewebfonts.com/t/e575aefcaa089cfb2f4f13dcdbce4b32.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/e575aefcaa089cfb2f4f13dcdbce4b32.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/e575aefcaa089cfb2f4f13dcdbce4b32.woff")format("woff"), url("https://db.onlinewebfonts.com/t/e575aefcaa089cfb2f4f13dcdbce4b32.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/e575aefcaa089cfb2f4f13dcdbce4b32.svg#Wones")format("svg"); }

4. CSS rules to specify fonts

font-family: "Wones";

for Using:



Credits:

🚀 https://www.onlinewebfonts.com/

Honey

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

Código a insertar

1. Add to the head section of web page.

<link href="https://db.onlinewebfonts.com/c/503d1c01f4854564ef32d80b7be11179?family=Honey" rel="stylesheet">

2. Using @import CSS directive, put the following line in add to your css file.(http | https)

@import CSS directive, put the following line in add to your css file.(http | https)@import url(https://db.onlinewebfonts.com/c/503d1c01f4854564ef32d80b7be11179?family=Honey);

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

@font-face { font-family: "Honey"; src: url("https://db.onlinewebfonts.com/t/503d1c01f4854564ef32d80b7be11179.eot"); src: url("https://db.onlinewebfonts.com/t/503d1c01f4854564ef32d80b7be11179.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/503d1c01f4854564ef32d80b7be11179.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/503d1c01f4854564ef32d80b7be11179.woff")format("woff"), url("https://db.onlinewebfonts.com/t/503d1c01f4854564ef32d80b7be11179.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/503d1c01f4854564ef32d80b7be11179.svg#Honey")format("svg"); }

4. CSS rules to specify fonts

font-family: "Honey";

for Using:



Credits:

🚀 https://www.onlinewebfonts.com/

Grobold

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

Grobold

Código a insertar

Add to the head section of web page.

<link href="https://db.onlinewebfonts.com/c/8ae42d12ab19bced168f446cd76590ac?family=GROBOLD" rel="stylesheet>

for Using:

@import url(https://db.onlinewebfonts.com/c/8ae42d12ab19bced168f446cd76590ac?family=GROBOLD);

@font-face { font-family: "GROBOLD"; src: url("https://db.onlinewebfonts.com/t/8ae42d12ab19bced168f446cd76590ac.eot"); src: url("https://db.onlinewebfonts.com/t/8ae42d12ab19bced168f446cd76590ac.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/8ae42d12ab19bced168f446cd76590ac.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/8ae42d12ab19bced168f446cd76590ac.woff")format("woff"), url("https://db.onlinewebfonts.com/t/8ae42d12ab19bced168f446cd76590ac.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/8ae42d12ab19bced168f446cd76590ac.svg#GROBOLD")format("svg"); }

CSS rules to specify

font-family: "GROBOLD";

Credits:

🚀 https://www.onlinewebfonts.com/

Cubano

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

Cubano

Código a insertar

Add to the head section of web page.

<link href="https://db.onlinewebfonts.com/c/1d65b5646a9a805c62b037be6dd3a0a7?family=Cubano" rel="stylesheet">

for Using:

@import url(https://db.onlinewebfonts.com/c/1d65b5646a9a805c62b037be6dd3a0a7?family=Cubano);

@font-face{ font-family: "Cubano"; src: url("https://db.onlinewebfonts.com/t/1d65b5646a9a805c62b037be6dd3a0a7.eot"); src: url("https://db.onlinewebfonts.com/t/1d65b5646a9a805c62b037be6dd3a0a7.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/1d65b5646a9a805c62b037be6dd3a0a7.woff")format("woff"), url("https://db.onlinewebfonts.com/t/1d65b5646a9a805c62b037be6dd3a0a7.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/1d65b5646a9a805c62b037be6dd3a0a7.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/1d65b5646a9a805c62b037be6dd3a0a7.svg#Cubano")format("svg"); font-weight:normal; font-style:normal; font-display:swap; }

CSS rules to specify

font-family: "Cubano";

Credits:

🚀 https://www.onlinewebfonts.com/

Morris Sans W01 Medium

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

Morris Sans W01 Medium

Código a insertar

Add to the head section of web page.

<link href="https://db.onlinewebfonts.com/c/a585f7ad0f298ebfbaf2fe75992dcd16?family=Morris+Sans+W01+Medium" rel="stylesheet">

for Using:

@import url(https://db.onlinewebfonts.com/c/a585f7ad0f298ebfbaf2fe75992dcd16?family=Morris+Sans+W01+Medium);

Use font-face declaration Fonts.(http | https) @font-face { font-family: "Morris Sans W01 Medium"; src: url("https://db.onlinewebfonts.com/t/a585f7ad0f298ebfbaf2fe75992dcd16.eot"); src: url("https://db.onlinewebfonts.com/t/a585f7ad0f298ebfbaf2fe75992dcd16.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/a585f7ad0f298ebfbaf2fe75992dcd16.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/a585f7ad0f298ebfbaf2fe75992dcd16.woff")format("woff"), url("https://db.onlinewebfonts.com/t/a585f7ad0f298ebfbaf2fe75992dcd16.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/a585f7ad0f298ebfbaf2fe75992dcd16.svg#Morris Sans W01 Medium")format("svg"); }

CSS rules to specify

fontsfont-family: "Morris Sans W01 Medium";

Credits:

🚀 https://www.onlinewebfonts.com/