lang and font size

E

emf

In the css of the same webpage I referred to in the previous post,

https://files.nyu.edu/emf202/public/fr/limericks.html

I specify

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

When, however, instead of

<html>

I specify:

<html lang="el">

the font is rendered different in size. I would think that in both cases
the font should appear exactly the same. What is going on?

In case it is significant. I am using Firefox 20.

Thanks,

emf
 
J

Jukka K. Korpela

https://files.nyu.edu/emf202/public/fr/limericks.html

I specify

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

When, however, instead of

<html>

I specify:

<html lang="el">

the font is rendered different in size.
Click to expand...

I cannot reproduce the issue on Firefox 19. Wait... it's now loading
version 20.0... still the same, the font is still 16px Lucida Sans Unicode.

The lang attribute is known to affect the default font family in many
browsers. But not font size, and only the *default* font family, and
here you have set the font family.

Now I note that in Firefor 20.0 settings (and probably in earlier
versions too), you can, in the advanced font settings, set both font
family and font size for different character repertoires. But now I get
very confused, since these settings do not seem to have any effect.
 
E

emf

I cannot reproduce the issue on Firefox 19. Wait... it's now loading
version 20.0... still the same, the font is still 16px Lucida Sans Unicode.

The lang attribute is known to affect the default font family in many
browsers. But not font size, and only the *default* font family, and
here you have set the font family.

Now I note that in Firefor 20.0 settings (and probably in earlier
versions too), you can, in the advanced font settings, set both font
family and font size for different character repertoires. But now I get
very confused, since these settings do not seem to have any effect.
Click to expand...

Hmmm... I had to be more careful with my observations. I had a look at
the top of the page, especially the title, and did not care to look
further. So now I have to correct what I wrote:

In the <p> the font renders the same in both cases.

The problem is with the <h1>, <h2>, and <h3> tags that are rendered
smaller; these I have specified as xx-large and medium. And it only
happens in FF, not in IE.

It may be some setting only in my browser, but since I am not sure, I
specified the font-size as 200% and 100%, and the problem was solved.

Thanks,

emf
 
J

Jan Clemens Faerber

The problem is with the <h1>, <h2>, and <h3> tags that are rendered
smaller;
Click to expand...

I tried it with FF (19 and 20 ^^) and can't see any diffenrences.
Sometimes FF plays mad. e.g. ColorZilla can't be installed or on one machine it presents a page different than on five others.
 
D

dorayme

Jan Clemens Faerber said:
I tried it with FF (19 and 20 ^^) and can't see any diffenrences.
Click to expand...

I tried it on a Mac FF19 with a simple ordinary English sentence in a
P, once with the OP's lang attribute in the HTML tag, and once
without. The one with the attribute caused the text to display
differently in respect to length of line and visible line height, so I
suspected larger font. This is as read from online. But after a few
refreshes, it ceased to make any of this difference. FF is a bit
buggy. I updated to FF20 and by then the difference was not showing.
 
E

emf

I tried it on a Mac FF19 with a simple ordinary English sentence in a
P, once with the OP's lang attribute in the HTML tag, and once
without. The one with the attribute caused the text to display
differently in respect to length of line and visible line height, so I
suspected larger font. This is as read from online. But after a few
refreshes, it ceased to make any of this difference. FF is a bit
buggy. I updated to FF20 and by then the difference was not showing.
Click to expand...

I posted the issue in the Firefox newsgroup, providing 2 webpages with
identical code except for the lang:

https://files.nyu.edu/emf202/public/temp/FontSizeEL.html
https://files.nyu.edu/emf202/public/temp/FontSizeEN.html

and I got this reply:
I was seeing a size shift unill I set the Min Size of Greek the same
as Western. With both at 14 the resizing stopped.
Click to expand...

I hadn't payed attention to the fact that I could specify different font
sizes for different languages (Options > Content > Fonts and Colors >
Advanced ) - it makes sense. In my case, I had chosen different sizes
for proportional fonts for Greek and Western.

Ths discrepancy was solved, however my conclusion still is that I should
prefer to use % font sizes in css in my Greek pages if I want all the
users to see the same webpage.

emf
 
D

dorayme

emf <[email protected]> said:
I posted the issue in the Firefox newsgroup, providing 2 webpages with
identical code except for the lang:

https://files.nyu.edu/emf202/public/temp/FontSizeEL.html
https://files.nyu.edu/emf202/public/temp/FontSizeEN.html

and I got this reply:


I hadn't payed attention to the fact that I could specify different font
sizes for different languages (Options > Content > Fonts and Colors >
Advanced ) - it makes sense. In my case, I had chosen different sizes
for proportional fonts for Greek and Western.

Ths discrepancy was solved, however my conclusion still is that I should
prefer to use % font sizes in css in my Greek pages if I want all the
users to see the same webpage.
Click to expand...


Of the two urls you posted, the "xx-small" differed in size, causing a
slight shift in the placing of the others, the latter characters on
each line being the same size text on both pages.

About wanting everyone to see the same page, they will, "same" is a
relative concept and not to be interpreted too narrowly in web design.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Align img inside nav tabs section 5
Different font sizes inside same div 2
<Button ...> display is fine, except for two things 1
Unicode Normalization Form C? 5
How to position the *tooltip* comment on these buttons? 9
Need assistance finetuning HTML, CSS, Javascript - sticky header issue 3
Centering a button using flexbox 2
How do I fix this issue in sqaurespace code block? 1

Members online

No members online now.
Total: 84 (members: 1, guests: 83)
Robots: 460

Forum statistics

Threads
473,995
Messages
2,570,230
Members
46,819
Latest member
masterdaster

Latest Threads

Top