[css-d] accents on e in Resume

2013-06-20 Thread Angela French
Hello ,
You know the little accents over the e's in the word résumé?
I have coded them two different ways:

h2R#233;sum#233; Writing/h2
h2Reacute;sumeacute;  Writing/h2

The font family is: font-family: Century Gothic,Apple 
Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif;



In every desktop browser I test in, it renders fine.  But on my iPad, the e's 
render extra bold.  Is there some way to control this with CSS or some other 
way to code it that would make it not do that?

Thank you


Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
afre...@sbctc.edu
http://www.checkoutacollege.com/
http://www.sbctc.edu

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] accents on e in Resume

2013-06-20 Thread Philip Taylor


Angela French wrote:

 Hello, You know the little accents over the e's in the word résumé?
 I have coded them two different ways:
 
 h2R#233;sum#233; Writing/h2 h2Reacute;sumeacute; 
 Writing/h2
 
 The font family is: font-family: Century Gothic,Apple 
 Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif;

 In every desktop browser I test in, it renders fine.  But on my 
 iPad, the e's render extra bold.  Is there some way to control this
 with CSS or some other way to code it that would make it not do
 that?

 Thank you

The probability is that e-acute is not found in the first-choice font
that is found in your I-pad, so it falls back to a later (or generic)
font in which it can be found but which is not matched for weight.

As soon as you specify more than one font, and the fonts are not
matched for content and/or weight, such an event is likely to occur.

Incidentally, as you can type e-acute (é) in your e-mail, why
not enter them the same way in your web page ?  I assume you
are working in UTF-8 and not ASCII/ISO-8859-1.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] accents on e in Resume

2013-06-20 Thread Philippe Wittenbergh

Le 21 juin 2013 à 06:32, Angela French afre...@sbctc.edu a écrit :

 You know the little accents over the e's in the word résumé?
 I have coded them two different ways:
 
 h2R#233;sum#233; Writing/h2
 h2Reacute;sumeacute;  Writing/h2
 
 The font family is: font-family: Century Gothic,Apple 
 Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif;
 
 
 
 In every desktop browser I test in, it renders fine.

Given the styles given above, the é renders much bolder (and smaller) then the 
rest on all browsers on OS X Mountain Lion.

 But on my iPad, the e's render extra bold.  Is there some way to control this 
 with CSS or some other way to code it that would make it not do that?

And that is not a surprise. The 'Apple Gothic' font does not contain glyphs for 
those characters. Browsers then look up further down the chain, find Futura and 
use that for rendering the character. All perfectly normal.

Why did you choose 'Apple Gothic' in the first place? That is an (old) font for 
Chinese characters that only has a subset of 'Western' glyphs. (and it doesn't 
have a 'bold' weight, fwiw, thus bold is rendered synthetically if at all.)

I suggest your drop that completely and use a real western font. 'Helvetica 
Neue' would do fine. Or maybe use @font-face for more consistency across all 
platforms.

Le 21 juin 2013 à 07:17, Philip Taylor p.tay...@rhul.ac.uk a écrit :

  I-pad

iPad :-p;


Philippe
--
Philippe Wittenbergh
http://l-c-n.com




__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] accents on e in Resume

2013-06-20 Thread Angela French

And that is not a surprise. The 'Apple Gothic' font does not contain glyphs for
those characters. Browsers then look up further down the chain, find Futura and
use that for rendering the character. All perfectly normal.

Why did you choose 'Apple Gothic' in the first place? That is an (old) font for
Chinese characters that only has a subset of 'Western' glyphs. (and it doesn't
have a 'bold' weight, fwiw, thus bold is rendered synthetically if at all.)

I suggest your drop that completely and use a real western font. 'Helvetica
Neue' would do fine. Or maybe use @font-face for more consistency across all
platforms.

Redesigning and old website and grabbed the same fonts as on the old one.  Will 
take a second look. Thanks.




__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] accents on e in Resume

2013-06-20 Thread Robert A. Rosenberg
At 23:17 +0100 on 06/20/2013, Philip Taylor wrote about Re: [css-d] 
accents on e in Resume:



Incidentally, as you can type e-acute (é) in your e-mail, why
not enter them the same way in your web page ?  I assume you
are working in UTF-8 and not ASCII/ISO-8859-1.


This letter is part of the ISO-8859-1 character set (as shown by its 
code being between 160 and 255. Codes between 128 and 159 are control 
codes not glyphs unless your charset is Windows-1252 which replaces 
these useless/legacy codes with useful glyphs (which in Unicode end 
up on the 8xxx range).

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/