

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.įont-family: 'Advent Pro' font-size: 22px įont-family: 'Alegreya Sans SC' font-size: 22px įont-family: 'Allerta Stencil' font-size: 22px įont-family: 'Didact Gothic' font-size: 22px įont-family: 'Nova Flat' font-size: 22px įont-family: Impact, Charcoal, sans-serif Do you know other web safe fonts? Let us know in the comment section below. So, here you have 30 web safe fonts to use with CSS.

Moreover, these examples include the CSS code which makes them easy to be integrated into your website.

These typefaces have remarkable designs and will look great in your projects. The overall font is a bit more more condensed than DIN and some of the capital letter shapes are different.Īlso, not an exact match but the feel is quite similar.Along with each web safe font in this list is a preview image of what it looks like, and the raw CSS code that you can copy and paste directly into your own stylesheet to use the font. The lowercase letter shapes are quite similar. Using the letters aGgQqlJ to narrow down the letter shape matches, I found: I don't know how close you need to come to the DIN typeface, but I found a couple possibles on Google Web Fonts. "Dinish" ( Website)( Github) is a fork of this project with continued development, which has also been submitted to Google Fonts.

"Altinn" ( Github) is a fork of this project on Github. Thankfully Peter Weigel traced it for us! D-DINĪ corporation called 'Datto' commissioned Monotype creative type director Charles Nix to create a DIN-like font which was released in 2018 under the SIL OFL 1.1.Īs of 2021, it is no longer available on their website, but you can find it on a reputable site like FontSquirrel or GitHub. This is legal because DIN 1451 is a product of the German government, and so is in the public domain - only the individual interpretations of it by various font foundries are protected and copyrighted. There is now an OFL-licensed, completely free/libre version of DIN called Alte DIN. The situation has changed since this question was first asked in 2012.
