To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/montserrat.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Montserrat';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/montserratalternates.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Montserrat Alternates';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/metropolis.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Metropolis';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/sen.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Sen';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/outfit.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Outfit';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/sulphurpoint.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Sulphur Point';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/redhatdisplay.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Red Hat Display';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/redhattext.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Red Hat Text';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/redhatmono.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Red Hat Mono';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/museomoderno.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'MuseoModerno';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/heptaslab.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Hepta Slab';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/readexpro.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Readex Pro';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/kumbhsans.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Kumbh Sans';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/josefinslab.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Josefin Slab';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/jost.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Jost';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/comfortaa.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Comfortaa';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/nexa.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Nexa';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/gilroy.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Gilroy';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/bookerly.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Bookerly';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/bookerlydisplay.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Bookerly Display';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/ember.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Amazon Ember';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/embercondensed.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Amazon Ember Cd RC';
To embed a font, copy the code into the
<head>
of your html
<!-- PreConnect SoraFonts-->
<link rel="preconnect" href="https://sorafonts.eu.org" crossorigin>
<!-- SoraFonts CSS-->
<link href="https://sorafonts.eu.org/css/emberdisplay.css" rel="stylesheet" crossorigin />
CSS rules to specify families
font-family: 'Amazon Ember Display';
Please use this Fonts at your own Risk!
We are not Responsible for any Damage.
Some Fonts is
Free
and some is
Non-Free
and some Fonts is Mixed License.
Means
Free
is for Commercial and
Non-Free
is Not for Commercial use Case.
Only use it for Testing Purpose.