IBM Plex Sans Condensed Font Family

Use "IBM Plex Sans Condensed" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of IBM Plex Sans Condensed font. Webfont and @font-face supported all up-to-date browsers can use comfortably.

@font-face is very easy to use, click here to download IBM Plex Sans Condensed webfont kit. The following example will guide you to the css and html codes.

Ensuring the maximum cross browser typography support, WOFF (Web OpenFont Format) works with all up-to-date browsers. You can check the versions by clicking here.

Using this font on your website is your own legal responsibility. You can check the license information of the font.

@font-face kit

@font-face {
    font-family: 'IBM Plex Sans Condensed Regular';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed Regular'), url('IBMPlexSansCondensed-Regular.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed Italic'), url('IBMPlexSansCondensed-Italic.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed Medium Italic'), url('IBMPlexSansCondensed-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed Thin';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed Thin'), url('IBMPlexSansCondensed-Thin.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed Thin Italic'), url('IBMPlexSansCondensed-ThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed ExtraLight'), url('IBMPlexSansCondensed-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed ExtraLight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed ExtraLight Italic'), url('IBMPlexSansCondensed-ExtraLightItalic.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed Light';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed Light'), url('IBMPlexSansCondensed-Light.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed Light Italic'), url('IBMPlexSansCondensed-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed Medium';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed Medium'), url('IBMPlexSansCondensed-Medium.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed SemiBold'), url('IBMPlexSansCondensed-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed SemiBold Italic'), url('IBMPlexSansCondensed-SemiBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed Bold';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed Bold'), url('IBMPlexSansCondensed-Bold.woff') format('woff');
}
@font-face {
    font-family: 'IBM Plex Sans Condensed Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('IBM Plex Sans Condensed Bold Italic'), url('IBMPlexSansCondensed-BoldItalic.woff') format('woff');
}

sample html

<h3 style="font-family: 'IBM Plex Sans Condensed Regular'">Aut voluptatibus quia modi dignissimos ut vel.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed Italic'">Facilis id ratione aut ratione.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed Medium Italic'">Odit et dolores ut rerum vel sit ut.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed Thin'">Qui tempora et deserunt mollitia est qui.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed Thin Italic'">Velit id perferendis sunt fuga quasi vero.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed ExtraLight'">Explicabo numquam aspernatur et rerum doloribus.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed ExtraLight Italic'">Voluptatem et suscipit fugit.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed Light'">Velit nisi minima sit.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed Light Italic'">Natus quo ab repellat numquam expedita.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed Medium'">Totam autem laudantium rerum quasi asperiores ut.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed SemiBold'">Itaque sit commodi accusantium illum eligendi.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed SemiBold Italic'">Delectus ex sapiente natus.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed Bold'">Et at voluptatum animi libero commodi.</h3>
<h3 style="font-family: 'IBM Plex Sans Condensed Bold Italic'">Modi illo omnis ut.</h3>

Preview

License

This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL

IBM Plex™ is a trademark of IBM Corp, registered in many jurisdictions worldwide.

Copyright 2018 IBM Corp. All rights reserved.

http://scripts.sil.org/OFL