Using Bold Fonts

Using bold fonts for your logo is a good idea. Bold always gets better attention from the reader.
When you print a bold font it stands much clearly.
However there is a difference using specific bold font on a printed material and using on the website.

As an example recently I design a website which had a distinctive logo among with a bold font. It looked great, but how would you use this font on the web without forcing website visitors to download the font in their computers?
The font is called Rockwell.

In most cases Rockwell comes with third-party software like Microsoft Office.

Rockwell is installed with Office 2003 and later, and with some other Adobe products. Rockwell is not a web-safe font. Pay attention that on Windows, Rockwell is not installed by default. It gets installed as part of the Office suite (more specifically, Publisher).

I used Rockwell as a primary font, and defined in the stylesheet. Here is the CSS code to define it below:

body {
color: #000000;
font: 16px;
font-family: “Rockwell”, Courier New, Courier, Georgia, serif;
line-height: 1.5em;

If you do not want to use Rockwell, you can use a free similar web font.

As an alternative to Rockwell, you can use a font called Arvo from the Google Web Fonts API.

To use web safe Google free Avro font; you should add this code to your header:

<link href=’’ rel=’stylesheet’ type=’text/css’>

Then add CSS:

body {

font-family: ‘Arvo’, serif; }


You can even get more confuse about font names. There is another font on the web called Rockwell.

Rockwell®. It is design by Design Foundry.
DESIGNER Monotype Design Studio
SOURCE Monotype
More info read here: