Sign Up Now
Twitter Facebook Flickr Buzz
PhotoshopSociety.org
 
Search:   
 
Social Networks

LOGIN     

Go
Forgot Password? Go Join Now
Sign Up for Starter's Pack (Free)
Call (800) 223-8720
Email custserv@photoshopsociety.org
 
Need Web Solutions? Get Free Sample Issue

Library: Web Design

  Search Library:
 
 

Create extra-bold text to match a corporate logo

Added on Thursday 16th of September 2010 03:54 am EST
 

Recently, I’ve acquired a new client. Whenever the company name appears in print, the first part of the name is supposed to be bold, while the second part is supposed to be extra-bold. Is there a trick I can use to achieve this effect?

Cascading Style Sheets (CSS) appears to offer a solution to your problem in the form of the font-weight property. By assigning this property to text, you specify the weight (or thickness) of the characters on a scale from 100 to 900, as shown here:

<span style=”font-weight:
700”>Company</span>
<span style=”font-weight:
900”>Logo!</span>
The problem with this technique is that the visitor must have a font installed with multiple weights—not just normal and bold—and that font must be used to display your text. Otherwise, he won’t see any distinction bet...