<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> <meta name='google-adsense-platform-domain' content='blogspot.com'/> <!-- --><style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css); div.b-mobile {display:none;} </style> </head><body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d6218718355169085530\x26blogName\x3dTUTORIAL+ROOM\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://dd-tutorials.blogspot.com/search\x26blogLocale\x3den_GB\x26v\x3d2\x26homepageUrl\x3dhttp://dd-tutorials.blogspot.com/\x26vt\x3d102101566416638061', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

[FONTS] PIXEL FONTS SUGGESTIONS

Pixel fonts seems to be back "in-trend" these days among site owners. Although it is small, but it makes your sidebar looks nice and neat. Yes, most site owners use pixel or bitmap fonts in their link and sidebar section. There are a few nice pixel fonts which you can download from various sites, which is suitable to be used in your page, as well as your graphics. Here's our top 5



1. 04B03
It is used most of the time by our designer simply because it is easy to find - the first font in our hundreds of fonts in Photoshop XD That's one thing, and it is also looks neat in both uppercase and lower case. The best size to use is 8pt with anti-alias "none".




2. 5X5 Rounded
For those who needs a "game-like" pixel font, this is the best for you. It kind of reminds you of the traditional video games that we used to play when we were young. It is also best to be used in 8pt size, and with anti-alias "none"




3. Borgnine
This was recently found, which brought me to tears because how I wish this pixel font is available back when the blinkies craze is on. This is a neater version of 04B30 block-style, and it is nice to be used on blinkies or pixel arts. suitable font size is 10px and you don't have to put the strokes like the other pixel fonts because it is easy to read even without it.




4. Pixies
Just like its name, this font is super tiny, where the best font size to use is 7pt (it is not even in the default font size list in photoshop so you need to type down the number yourself) but it is readable, with dark strokes around it and it is suitable for link button, but not to be used as your site's font.




5. Wendy
Saving the best for last, Wendy is our no. 1 favourite when it comes to both site's font or graphic fonts. It looks neat with or without strokes, and the best size to use is 10pt with anti-alias "none"

Where can you get these fonts? You can find them mostly on DaFont.com or as an alternative, you can also find it at 1001 FreeFonts or FontSquirrel. If you can find them on Font Squirrel, then you are lucky because they are all 100% free, even for commercial use!

Hope you will find this article useful. Until the next writeup!


Labels:



DATE:Wednesday 22 July 2015 TIME:{10:48} COMMENTS:
Comments:

Post a Comment



LATEST ARTICLE

1. Pixel Fonts Suggestions READ
2. Favourite Online Image Editor #1 R EAD


REQUESTED ARTICLE

Requested and upcoming article will be listed here.

Top 3 Free Image Editors - When we don't have Photoshop to work with
Photoshop for beginners - understanding buttons and workspace
Layouts - what size should I make my layout?
Preparing images before editing
Handling pixelated, or LQ images
Choosing colours
Rendering tips - Making PNG/cutouts
Filters - Enhancing your image editing

Click here if you want us to write a specific article.