Top 10 Websites with Free Fonts


Free fonts can be downloaded from many great websites which keep them organized so it’s easier for you to look for the ones you need. As you probably know, typography is very important in design. Check out these awesome 10 free fonts websites and complete your fonts collection.

Fonts2U

Fonts2u offers a large collection of free fonts. You can download free fonts for Windows and Macintosh.

fontsy

If you need free fonts for your graphic design projects, like flyer or logos, scrapbooks, word or other documents, print medias and so on,  fontsy.com is the place to go. It offers more than 15000 free fonts!

dafont

Dafont.com is an online archive of freely downloadable fonts., you can browse by alphabetical listing, by style, by author or by popularity.

Filecart fonts

Fontcart offers a large collection of free fonts you can download. You can filter them by rating, popularity, and category.

Urbanfonts

On urbanfonts.com you can download free fonts and free dingbats. PC fonts, Mac fonts, truetype fonts.

FFonts

Ffonts offers free fonts to download for Windows or Mac in truetype format. Browse alphabetically or by category.

FontFace.com

FontFace.com is all about fonts. Especially free fonts. All of the free fonts at FontFace.com are available in both Windows and Mac formats.

Highfonts

High Fonts offers a large roundup of free and commercial fonts. Browse fonts by letter or search for the font you want!

Cool Fonts

Coolfonts.de offers a large collection of free fonts both for Windows and Mac.

2200 Free Fonts

2200 Free fonts is a database collection of free Windows and Mac fonts, you can download.

Comments

Post a Comment

Popular posts from this blog

HTML5 video loop src change on end play function

1. HTML <video id="homevideo" width="100%" autoplay onended="run()">     <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" /> </video> <ul>     <li>http://www.w3schools.com/html/mov_bbb.mp4</li>     <li>http://www.w3schools.com/html/movie.mp4</li> </ul> 2. CSS <style type='text/css'>     ul {         display:none;     }   </style> 3. jQuery <script type="text/javascript"> video_count = 0; videoPlayer = document.getElementById("homevideo"); function run(){    video_count++;     var countVideo = $('li').length;         if (video_count == countVideo) video_count = 0;        var nextVideo = $('li').eq(video_count).text();         videoPlayer.sr...
Read more

Set limit wp_nav_menu

<?php $pages = wp_nav_menu( array( 'container_class' => 'menu1' ,'menu'=> 'Main Navigation','theme_location' => 'menu1', 'menu_class' => 'dropdown', 'echo' =>false,'container' => false ) );?> <ul class="dropdown"> <?php $limit = 5; $pages_list = preg_replace(array('#^ ]*>#','#$#'), '', $pages); $pages_arr = explode("\n", $pages_list); for($i=0;$i<$limit;$i++){     echo $pages_arr[$i]; } ?> </ul>
Read more

Calculate percentage of a specific element has been scrolled into visible on the screen

Image
HTML <div class='info-container flex-layout'>   <span>Scroll down</span>   <span class='percent'>0%</span> </div> <div class='block'></div> <div class='element flex-layout'>   <span>Start</span>   <span>End</span> </div> <div class='block'></div> CSS body {   margin: 0;   padding: 0;   color: white; } .flex-layout {   display: flex;   flex-direction: column;   justify-content: space-between; } .info-container {   position: fixed;   z-index: 1;   font-size: 2em;   height: 100%;   width: 100%;   align-items: flex-end;   color: white; } .block {   height: 1000px;   background: #333; } .element {   align-items: center;   background: #000;   height: 450px; } JavaScript $(document).ready(function() {   $(window).scroll(function() {     var windowBottom = $(this).scro...
Read more