Best Free Font for Web/UI #3

Image Source: Awwwards

Fonts are the most significant thing to consider in Web design. Good use of fonts make your design significantly better so it will communicate better with the user, this process need a good typeface. You can easily get lots of free fonts from internet but you have to make sure that u choose the best free font that go well with the design. Most of the good typefaces are expensive. If you are looking for decrease your design cost, you really need to find good fonts which we can download for free. This is the point which makes this post important, we will regularly search for free fonts and we will showcase the very best free fonts for. If you know any good free fonts or if we miss anything please let us know.

Type / Style	Light	Regular	Bold
EOT	Download File	Download File	Download File
OTF	Download File	Download File	Download File
SVG	Download File	Download File	Download File
TTF	Download File	Download File	Download File
WOFF	Download File	Download File	Download File

Click Here To Download (Zip)

How to use :

@font-face {
    font-family: 'Junction';
    src: url('junction-bold.eot');
    src: url('junction-bold.eot?#iefix') format('embedded-opentype'),
         url('junction-bold.woff') format('woff'),
         url('junction-bold.ttf') format('truetype'),
         url('junction-bold.svg#junctionbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Junction';
    src: url('junction-light.eot');
    src: url('junction-light.eot?#iefix') format('embedded-opentype'),
         url('junction-light.woff') format('woff'),
         url('junction-light.ttf') format('truetype'),
         url('junction-light.svg#junctionlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Junction';
    src: url('junction-regular.eot');
    src: url('junction-regular.eot?#iefix') format('embedded-opentype'),
         url('junction-regular.woff') format('woff'),
         url('junction-regular.ttf') format('truetype'),
         url('junction-regular.svg#junctionregular') format('svg');
    font-weight: normal;
    font-style: normal;

}