Open Sans font

By Steve Matteson at Aug 02, 2018

Open Sans

Open Sans

Open Sans

Open Sans

Open Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp. This version contains the complete 897 character set, which includes the standard ISO Latin 1, Latin CE, Greek and Cyrillic character sets. Open Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms. A few condensed styles are also available.
AAAaaa
<style type="text/css">
@font-face{
    font-family:"open-sans-light-regular";
    src:url("https://fontsme.com/wp-data/o/700/700/file/open-sans.light.ttf") format("woff"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.light.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.light.ttf") format("truetype");
}
span.font0{font-family:"open-sans-light-regular";font-size:px;text-transform:;}
</style>
Open Sans Light Regular
<style type="text/css">
@font-face{
    font-family:"open-sans-regular";
    src:url("https://fontsme.com/wp-data/o/700/700/file/open-sans.regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.regular.ttf") format("truetype");
}
span.font1{font-family:"open-sans-regular";font-size:px;text-transform:;}
</style>
Open Sans Regular
<style type="text/css">
@font-face{
    font-family:"open-sans-semibold-regular";
    src:url("https://fontsme.com/wp-data/o/700/700/file/open-sans.semibold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.semibold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.semibold.ttf") format("truetype");
}
span.font2{font-family:"open-sans-semibold-regular";font-size:px;text-transform:;}
</style>
Open Sans Semibold Regular
<style type="text/css">
@font-face{
    font-family:"open-sans-bold";
    src:url("https://fontsme.com/wp-data/o/700/700/file/open-sans.bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.bold.ttf") format("truetype");
}
span.font3{font-family:"open-sans-bold";font-size:px;text-transform:;}
</style>
Open Sans Bold
<style type="text/css">
@font-face{
    font-family:"open-sans-extrabold-regular";
    src:url("https://fontsme.com/wp-data/o/700/700/file/open-sans.extrabold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.extrabold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.extrabold.ttf") format("truetype");
}
span.font4{font-family:"open-sans-extrabold-regular";font-size:px;text-transform:;}
</style>
Open Sans Extrabold Regular
<style type="text/css">
@font-face{
    font-family:"open-sans-light-italic";
    src:url("https://fontsme.com/wp-data/o/700/700/file/open-sans.light-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.light-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.light-italic.ttf") format("truetype");
}
span.font5{font-family:"open-sans-light-italic";font-size:px;text-transform:;}
</style>
Open Sans Light Italic
<style type="text/css">
@font-face{
    font-family:"open-sans-italic";
    src:url("https://fontsme.com/wp-data/o/700/700/file/open-sans.italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.italic.ttf") format("truetype");
}
span.font6{font-family:"open-sans-italic";font-size:px;text-transform:;}
</style>
Open Sans Italic
<style type="text/css">
@font-face{
    font-family:"open-sans-semibold-italic";
    src:url("https://fontsme.com/wp-data/o/700/700/file/open-sans.semibold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.semibold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.semibold-italic.ttf") format("truetype");
}
span.font7{font-family:"open-sans-semibold-italic";font-size:px;text-transform:;}
</style>
Open Sans Semibold Italic
<style type="text/css">
@font-face{
    font-family:"open-sans-bold-italic";
    src:url("https://fontsme.com/wp-data/o/700/700/file/open-sans.bold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.bold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.bold-italic.ttf") format("truetype");
}
span.font8{font-family:"open-sans-bold-italic";font-size:px;text-transform:;}
</style>
Open Sans Bold Italic
<style type="text/css">
@font-face{
    font-family:"open-sans-extrabold-italic";
    src:url("https://fontsme.com/wp-data/o/700/700/file/open-sans.extrabold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.extrabold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/o/700/700/file/open-sans.extrabold-italic.ttf") format("truetype");
}
span.font9{font-family:"open-sans-extrabold-italic";font-size:px;text-transform:;}
</style>
Open Sans Extrabold Italic