By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,608 Members | 1,940 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,608 IT Pros & Developers. It's quick & easy.

font-variant fonts

P: 64
hi

Is there any separate font for small-caps version of fonts?
if the answer is true , what happened if for a font there is'nt any small-caps version or is'nt installed in operating system? does browsers simulate that ? if your answer is true , what is the rate of smallness size of lowercase letters that is converted to lowercase letters?

thanks in advance.
Jun 8 '11 #1

✓ answered by JKing

1) No there isn't actually a small caps version of the font. Any font can be renedered in small caps because it essentially is only using uppercase letters with a smaller font size.

Here is a small example. Run this in firefox.
Expand|Select|Wrap|Line Numbers
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <title>Example</title>
  5. </head>
  6. <body>
  7.     <p style="font-size:14px;font-variant:small-caps;font-family:Tahoma;">This is small caps text.<span style="font-size:11px;font-variant:normal;color:blue;">THIS IS UPPERCASE WITH A SMALLER FONT SIZE</span></p>
  8. </body> 
  9. </html>
  10.  
2) I am not sure how the browser determines the rate of smallness. As far as I know it is set by the browser. But each browser renders it slightly different. In the example I provided, if you were to run it in IE8 wouldn't line up. It's about a 1px difference in font size.

Share this Question
Share on Google+
3 Replies


JKing
Expert 100+
P: 1,206
As far as I know this is handled by the browser. The lowercase letters are converted to uppercase with a smaller font size.
Jun 8 '11 #2

P: 64
thanks JKing ,
1-but you mean that there is'nt any small caps version for fonts?
2-how is determined the rate of smallness lowercase letters that is converted to uppercase letters via font-variant: small-capse ? is it set by browser and it is diffrent between browsers?
Jun 10 '11 #3

JKing
Expert 100+
P: 1,206
1) No there isn't actually a small caps version of the font. Any font can be renedered in small caps because it essentially is only using uppercase letters with a smaller font size.

Here is a small example. Run this in firefox.
Expand|Select|Wrap|Line Numbers
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <title>Example</title>
  5. </head>
  6. <body>
  7.     <p style="font-size:14px;font-variant:small-caps;font-family:Tahoma;">This is small caps text.<span style="font-size:11px;font-variant:normal;color:blue;">THIS IS UPPERCASE WITH A SMALLER FONT SIZE</span></p>
  8. </body> 
  9. </html>
  10.  
2) I am not sure how the browser determines the rate of smallness. As far as I know it is set by the browser. But each browser renders it slightly different. In the example I provided, if you were to run it in IE8 wouldn't line up. It's about a 1px difference in font size.
Jun 10 '11 #4

Post your reply

Sign in to post your reply or Sign up for a free account.