Connecting Tech Pros Worldwide Forums | Help | Site Map

Do you know what text property this is?

Familiar Sight
 
Join Date: Jan 2009
Posts: 166
#1: Oct 10 '09
Hi,

I am trying to harmonize my type face with my blog.

this is what I have:



Use see the USEFUL CONNECTIONS ?

Well I have managed inserted into the theme some text
that says "Great deals"

I would like to make the Great Deals text appear the same as
the "Usefull Connection" text

I have guessed that it is courier

This is the code I have so far:

Expand|Select|Wrap|Line Numbers
  1. <center>
  2. <span style="font-family: courier; font-size: 16px; font-style: allcapitals;">
  3. Great Deals</span>
  4. <br><br>
  5. Below are some great deals provided
  6. by <a href="http://www.expert-world.com/im/index.php">Expert-World.com</a>
  7. <br><br>
From the image, you can see that it is not working !

Any ideas how I can make it the same ?

Thanks :)

drhowarddrfine's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,577
#2: Oct 10 '09

re: Do you know what text property this is?


There is no such thing as 'font-style: allcapitals'. What you want is 'text-transform:uppercase' but only applied to the characters after the first letter. Actually, that whole thing may be a different font than Courier but I'm not awake yet.
Dormilich's Avatar
Moderator
 
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,660
#3: Oct 10 '09

re: Do you know what text property this is?


it’s definitely not Courier, Courier is a monospace font and you can see the heading is not.
Familiar Sight
 
Join Date: Jan 2009
Posts: 166
#4: Oct 10 '09

re: Do you know what text property this is?


Maybe a link will help:

Here is a link,
with a nice blog about the rain !

Rainy Days

Hope you can see the text that I mean.
Dormilich's Avatar
Moderator
 
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,660
#5: Oct 10 '09

re: Do you know what text property this is?


a FireBug told me:
Expand|Select|Wrap|Line Numbers
  1. font-size:1.25em;
  2. font-variant:small-caps;
  3. padding:0 0 5px;
  4. border-bottom:1px solid #DDDDDD;
  5. line-height:1.2em;
  6. color:#333333;
  7. font-family:Georgia,Tahoma,Verdana,Arial,Serif;
  8. font-weight:normal;
  9. margin:0;
  10. list-style-image:none;
  11. list-style-position:outside;
  12. list-style-type:none;
Reply