SoraFonts

Audiowide Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/eea5a1b6.audiowide.css" integrity="sha512-7qWhttGx7EGLgOEucEpeieQuh6l8JXwBPTLJ2rF0eDbL/4zF95wD5pgmJc5CAl3SBsHGjzUJO01fLGcwLUCa9A==" rel="stylesheet" />

Comfortaa Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/b95a3195.comfortaa.css" integrity="sha512-uVoxlT+xo6DPNqxQko7KRhcA9PqA69Wv6S+k6ap6SX+tNCk8dUwoENbxQxnGx2HLIMx+h/4zNGKMVcImyDZXJw==" rel="stylesheet" />

DM Mono Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/7dbc0ffa.dmmono.css" integrity="sha512-fbwP+vyuaXFJjtefL9mIl6NYD/FIhayBaou3W037JO63XBCquHNjbffdeI65912Oh4tM4BTQB+wHKJKTWmI6Bg==" rel="stylesheet" />

Grape Nuts Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/40313bd9.grapenuts.css" integrity="sha512-QDE72a/wAZLJrXgQbXAEI6EzGXzL5jRtjtypvj/Njoo+qf9hiJOkGrIiJ5rIFR1jB+lv/YsZYM/K8sk1MCOKbw==" rel="stylesheet" />

Hepta Slab Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/896e2563.heptaslab.css" integrity="sha512-iW4lY1ZmqmxcPt+H0CVws7NOXBZrN0Tn1VPGNYmxrnb3NvFTXwejocTKs981YvJZtxRlznNArtX8p6w6+R1Iug==" rel="stylesheet" />

Josefin Slab Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/6adae7b8.josefinslab.css" integrity="sha512-atrnuAlxDmH4PZsXr20wF+8g9m+HbLB6ejkXuYrL5vJYW+eQPDZuBnARpzBaLGDii6RJ1tIxR4Y7JgxjqJonbw==" rel="stylesheet" />

Jost Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/c704e9ed.jost.css" integrity="sha512-xwTp7Yr+WSIpOfl5irWTmZHx+VTihTEhsiH5uHG4nphL6nMjDp6Be6wo3RRdAYm3JE5387KzHtMKIijfCI7mCQ==" rel="stylesheet" />

Kumbh Sans Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/29045bf0.kumbhsans.css" integrity="sha512-KQRb8JBU9fuAUuThacUgtqVtmFVrgWwA3BilQV1SevUo4PC6Vq38AqYC7dX10YazynSUGOUeyhupl7nwseGF1A==" rel="stylesheet" />

Lexend Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/f893dbde.lexend.css" integrity="sha512-+JPb3h16UuwfV3T6XKix/MhKr/oJ1+UQsOEwuN6rTnGWWhMqFyFixgni6ACfbSUIZjXpqwQ3FFNwPIRqQuiTig==" rel="stylesheet" />

Libre Barcode 128 Text Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/c6fbf7d2.librebarcode128text.css" integrity="sha512-xvv30pWdBiZo4XiS+LPPrdWlgjDrxT5rqfKUrq+Eka4noqzre5KFOA/ejsA0mBejFVLrRb1ctFSudaBtC4A09Q==" rel="stylesheet" />

Monoton Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/35032442.monoton.css" integrity="sha512-NQMkQtqJLWHYacK9FPuT907Re4zZ1uNEa0ZgnxCLO3Q79MRQzPMP1gU/aops0gd9gwvsnYvy379ewes0rWwY8Q==" rel="stylesheet" />

Montserrat Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/e111b450.montserrat.css" integrity="sha512-4RG0UJrHf6YMe/WOLvve2g0zC5PExI1tnkkyCZnsZsix5/7Jr+wUbi2O8QgWImUUvEhHkVPD6T7sARgNuaY2DQ==" rel="stylesheet" />

Montserrat Alternates Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/396428f7.montserratalternates.css" integrity="sha512-OWQo903FYlm2l1m5DtKKqrUz4eRMq3buitQ4n/D4Pk5lSXS+eKf7ty5gjA5UcphUPomsnEA1DpX5EiJdyy/8Qw==" rel="stylesheet" />

MuseoModerno Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/3e56cd0d.museomoderno.css" integrity="sha512-PlbNDcy31SOAgx1HXp2SdYnDWMcprj4UxqakZNafdNZMJ7jWpWuj0WBU40nU/QZtVMDCrYyzlTpzwXWEpJd24g==" rel="stylesheet" />

Open Sans Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/d758f56e.opensans.css" integrity="sha512-11j1bkiaEUITb7f+sOX/R2aL3YGvN4kIWfQoNXKMn+lL+WmdTysJQ7pgoVMy2qInmSgxHobYbZg31jN+jnq2Bg==" rel="stylesheet" />

Outfit Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/93899a74.outfit.css" integrity="sha512-k4madPpsD3CHmCG/Z2OH9GyYhGJI14+xdPai4tYp3kguzN32T/EWWhi1lqOxZMzrPkPwdWjoeLyC0W+rLXDwlQ==" rel="stylesheet" />

Poppins Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/1055c47d.poppins.css" integrity="sha512-EFXEfSNAA7vPeyjQW0o7MCnDCxKq9c3yJVZ9xhOLLrId8SM9n9/EIbI43sXGs5GmrshISSGl9k7jEnLTLacifQ==" rel="stylesheet" />

Quicksand Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/83eb5ead.quicksand.css" integrity="sha512-g+terRcDENlzdWIzcqPe84ZW559Pd5aJTbeSPsp3FpsLQP6T1w+HKsgKcbxVv/B69GoH+3eQnU/1iVG7iRNLRw==" rel="stylesheet" />

Raleway Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/d3ff8ce9.raleway.css" integrity="sha512-0/+M6Vdl4zC1TnXXS04Ey7xCuveFEcCdFOomAF3cj8xAaKSzsqSCGBVmKPVC7mMzxJt/W3qf5pmLYuYwvKno1A==" rel="stylesheet" />

Readex Pro Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/3501834a.readexpro.css" integrity="sha512-NQGDSnSPX/+CRMq1wvGVshWwz4Q5Xgt/EfhSWBC43bVqG7bWmvYvSZlXJih2YM6icai3OVn3SU1odGNEsKv8xg==" rel="stylesheet" />

Red Hat Display Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/92ff757d.redhatdisplay.css" integrity="sha512-kv91ffkOz+QkQuZNWZYd21bwnT4JWulpFGVPm1znGOkiWXC3PdZk7Zk0E9nypiQbpyjSLqbI8XHnP/vc2vfI/g==" rel="stylesheet" />

Red Hat Mono Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/b17be424.redhatmono.css" integrity="sha512-sXvkJEwmH2/n+wur9TjOlsdc/BhlltrrdU7bZcH1WT9EAxE0SEWJZvGTxzH7hdbEGGJK+Zu6abTlcUKSONE68Q==" rel="stylesheet" />

Red Hat Text Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/cf9d48cb.redhattext.css" integrity="sha512-z51Iy+egYwQzS+7X44i7Eu9H/l00nDHUNlX/vF1YkYVJTQKPzPf22boIImVseCOicjDGHDlnLr3hVdvhk9vARQ==" rel="stylesheet" />

Roboto Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/596b8746.roboto.css" integrity="sha512-WWuHRkBa5ZqP7BGj0TXL8w4fZJIhmF2wFTPgF/4gICYiTN/9D0YXa7CCbIaU4OLCi7M+FBpaiXNIr4nA61d/Lw==" rel="stylesheet" />

Roboto Condensed Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/545860e2.robotocondensed.css" integrity="sha512-VFhg4rpc19YE9nOEmpMHAJEUxeKg6EFJXQJMFhS6DJmoL45AjU1a48rTpWfgVwParfEEjN1UC/lKUpwjCBhIyg==" rel="stylesheet" />

Roboto Flex Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/7358d781.robotoflex.css" integrity="sha512-c1jXgTSfR+tfUBtK14YyEqv7D6lEIjnM5vLPHmB9ES/alxOVKjd+7g5EYaDCAItrN24dm51jjYJOYlVbjvo1Xg==" rel="stylesheet" />

Roboto Mono Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/6d6901dd.robotomono.css" integrity="sha512-bWkB3Vm/0OXv4Wp0w079BVr90SMi+65/3b392ZXqShmWhb8C55rqE7Yy11B4TlhJ1hOQhNDjCwxAKDTfSoVJPQ==" rel="stylesheet" />

Roboto Slab Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/66c6811c.robotoslab.css" integrity="sha512-ZsaBHAKiKxk3EDd1IQkzTJaXT9If0IDrzmA6XNVQfe6U99882xDEivvZFeqnFY+1ns5o7GD5KGwNVUqmWA6KfQ==" rel="stylesheet" />

Rubik Burned Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/b9ccbba5.rubikburned.css" integrity="sha512-ucy7pTIFp0MoiZ0/znF5GUJZJvTOYjAVwfw0jzDZsPXtsh8+RCnGMVyDLANKF9cfX1QlMLE3GVEkSlsC+kwTag==" rel="stylesheet" />

Sacramento Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/e928003f.sacramento.css" integrity="sha512-6SgAP2AZ9DGHEio5d94jz5h9CpS21wCycnQpogor8wf4Xjs4qDhNIff3oFedQa3VYiyMVoyInn2BhBzrlXlhGw==" rel="stylesheet" />

Satisfy Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/2b46ba80.satisfy.css" integrity="sha512-K0a6gGLN+hN44kM/uPADgCiddGb3QtE9BSYrHkWF5K8Kaa6PidELj+e902v9zAUAeplLq7DrKi0aZfNA9cfGGg==" rel="stylesheet" />

Sen Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/4048657c.sen.css" integrity="sha512-QEhlfDyynzdfvnmutO7kT5ogS/XTm4A50K70hGX754tKuJrYniNmFdkbKrJkrcX4ooH1mIAZtzEPYBtMGldEYg==" rel="stylesheet" />

Sevillana Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/cbe7c46e.sevillana.css" integrity="sha512-y+fEbinANAPoRmrVgx/eaFzTMLsqYaWpCw2VeBIxYL45AAnS4GlcnnYCZxZkpdVvgFOzdySPymaqSGwTL1PFYg==" rel="stylesheet" />

Sora Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/a629482f.sora.css" integrity="sha512-pilIL4JLc9CXltYbxmsaFcBdcZtwANPJScWVdqtXolmIfSq+0nAMWYDj/jqk2zWyGj87pA56CEhBH/OsY6bDcg==" rel="stylesheet" />

Sulphur Point Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/00f79fe1.sulphurpoint.css" integrity="sha512-APef4adlx+cKzB7pfCU9cRYYzkYt88RFV7fJY2pF8cOrFr7OEcrf2/+ubrVuSBJNh0pVKsjY3rrySkGMFe2nOw==" rel="stylesheet" />

Ubuntu Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/d90a1a89.ubuntu.css" integrity="sha512-2QoaibN6TB4xy/ihUIYTC041RR4xCVYI+TQvzjKq1ixmXYuxh/wQDjxDZXnp9IAA7Kl5pPZG31oAo9EFHlOKZg==" rel="stylesheet" />

Work Sans Demo

To embed a font, copy the code into the <head> of your html

HTML

<!-- PreConnect SoraFonts -->
<link rel="preconnect" href="https://staging.sorafonts.eu.org" crossorigin>

<!-- SoraFonts CSS -->
<link crossorigin="anonymous" href="https://staging.sorafonts.eu.org/css/26ab3fda.worksans.css" integrity="sha512-Jqs/2k82AG366Uh7WtlWsZOFCuGolKNfocyti4cnVtxdJmaBALzVj8MyERbT9vs+ReKM1Lw0hNhe9fiHAGvmyQ==" rel="stylesheet" />