If you use Mystique theme and WP-Syntax plugin (the syntax highligher) together, you will notice that, your code snippets will use Mystique’s fonts instead of monospace for colored words. When reading codes, monospace fonts like Courier fell much better, because they are easier to read.
Mystique’s style.css file defines default fonts with “*”, so every element on your site which does not have font information will use Mystique’s default fonts. WP-Syntax uses span elements for colors, and these elements do not have their font attributes defined.
In order to solve this problem, you have to add the following to wp-syntax.css file of the plugin:
.wp_syntax span {
font-family: Courier, "Courier New", monospace;
}
This way, WP-Syntax will use the correct fonts for every span element, rendering colored words with correct fonts.
Leave a Reply to Cyril Cancel reply