Posts Tagged ‘ Crayon Syntax Highlighter

WordPress: implement ‘Droid Sans’ font

The Google Web Fonts – “Droid Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp. Droid Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. Droid Sans was optimized for user interfaces and to be comfortable for reading on a mobile handset in menus, web browser and other screen text.”

The example of the Droid Sans is right infront of you, the whole Kampung Toys blogs are using Droid Sans typeface now since i found previous fonts kinda messy and not read-friendly enough.

Below are two ways to implement Droid Sans from Google Fonts into your site:

  1st method, insert code below on the top of Stylesheet (style.css)

  2nd method, insert code below in Theme Functions (functions.php)

Then type in droid sans at the font family section, in Stylesheet (style.css) as below,

WordPress: How to Post Source Code

For wordpress.com user,
use the [sourcecode] method. Kindly refer for details:
    i) http://en.support.wordpress.com/code/posting-source-code/
    ii) http://pythonconquerstheuniverse.wordpress.com/posting-sourcecode-on-wordpress/

For self hosted wordpress user,
[sourcecode] method will not work. You have to install Syntax Highlight Plugin, and i chose Crayon Syntax Highlighter. Fore more shortcode usage and information, kindly visit this site: http://ak.net84.net/projects/crayon-syntax-highlighter/


To install:
    i) At your WordPress admin page, choose “Plugins”
    ii) Select “Add New” -> key in “Crayon Syntax Highlighter” and Click “Search Plugins”
    iii) Install it and activate the plugin


To use it:
Just add your code between in HTML view when editing posts.

For example, to display Source Code for google map as below:

View Entrance to Gunung Datuk in a larger map


Crayon Syntax Highlighter Display:



The actual Coding in WordPress HTML Editor: