Sign Up Now
Twitter Facebook Flickr Buzz
Photoshop Society
 
Search:   
 
Social Networks

LOGIN     

Username: 
Password: 
Remember Me 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

Join Our Newsletter!

Receive exclusive offers, coupons,
tips, and weekly updates.

Library: Web Design

 
 

Create extra-bold text to match a corporate logo

Posted on 16 September, 2010
 

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...
 
  Search Library: