使用CSS的用户可伸缩文本? [英] User Scalable Text Using CSS?

查看:67
本文介绍了使用CSS的用户可伸缩文本?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

大家好,


我热衷于允许查看我网站的人能够在他们的浏览器中调整文本大小(特别是对于人们)谁需要阅读更大的文字)。使用

我的旧网页我在HTML代码中指定了点大小,并注意到

使用Internet Explorer时无法调整文本大小。在

设计我的新网站时,我选择在样式表中将文字大小表示为百分比

,例如


.. side_panel_title {

font:bold 50%''Trebuchet MS'',

''Lucida Grande'',Arial,sans-serif;

颜色:#990000;

}

..side_panel_text {

字体:50%''Trebuchet MS'',''Lucida

Grande'',Arial,sans-serif;

颜色:#373737;

}


我这样认为我的网页浏览者可以通过调整浏览器文本设置来选择更大的字体大小来查看。

但是,当页面在Internet Explorer中呈现,只有文本

以可读大小(我实际设计页面的大小)出现时

"文字大小|最大"设置已选中。我以为用户

可以将文字大小增加到比用于设计页面的尺寸更大的尺寸,以使文字更容易读 - 那就是我想要实现的
,这与w3org网站上的效果相同
http://www.w3.org/ 。我究竟做错了什么?或者是我想要的是什么?b $ b实现不可能(这种方式)?


问候,

CB

解决方案

Cerebral Believer写道:

大家好,

我热衷于允许查看我网站的人能够调整其浏览器中的文本大小(特别是对于需要阅读较大文本的人)。使用
我的旧网页,我在HTML代码中指定了磅值,并注意到使用Internet Explorer时无法调整文本大小。在设计我的新网站时,我选择在样式表中将文字大小表示为百分比,例如

.side_panel_title {
字体:粗体50%'' Trebuchet MS'',
''Lucida Grande'',Arial,sans-serif;
颜色:#990000;
}
.side_panel_text {
字体:50 %''Trebuchet MS'',''Lucida
Grande'',Arial,sans-serif;
颜色:#373737;
}

我这样做了我认为我的网页浏览者可以通过调整浏览器文本设置来选择更大的字体来查看。
然而,当页面在Internet Explorer中呈现时,文本只是
查看|时,/>以可读大小(我实际设计页面的大小)显示文字大小|最大"设置已选中。我原以为用户
能够将文本大小增加到比我用来设计页面的大小更大的尺寸,以使文本更容易阅读 - 这就是
我希望实现的目标,与w3org网站的效果相同
http:/ /www.w3.org/ 。我究竟做错了什么?


字体:粗体50%''Trebuchet MS'',''Lucida Grande'',Arial,sans-serif;

^^^^

那个! 50%非常小!


BODY {font-size:100%; }

..anything_else不小于75%,80%通常是最小的b / b
最小的样板。


或者是我想要实现的不可能(这种方式)?



-

小心,


Jonathan

-------------------

LITTLE WORKS STUDIO
http://www.hittleWorksStudio.com




" Jonathan N. Little" < LW ***** @ centralva.net>在消息中写道

news:44 ********************** @ news.centralva.net ..。

Cerebral Believer写道:

大家好,

我很想让观看我网站的人能够在他们的浏览器中调整文本大小(特别是对于需要阅读较大文本的人而言)。
使用我的旧网页,我在HTML代码中指定了磅值,并且
注意到在使用Internet Explorer时无法调整文本大小。
在设计我的新网站时,我选择在样式表中将文本大小表示为
百分比,例如

.side_panel_title {
字体:粗体50%'' Trebuchet MS'',
''Lucida Grande'',Arial,sans-serif;
颜色:#990000;
}
.side_panel_text {
字体:50 %''Trebuchet MS'',''Luc ida
Grande'',Arial,sans-serif;
颜色:#373737;
}
我这样做是因为我的网页的观众会认为能够通过调整浏览器文本设置来选择更大的字体以供查看。但是,当页面在Internet Explorer中呈现时,
文本仅在View|View中以可读大小(我实际设计的页面大小)显示。文字大小|最大"设置已选中。我认为用户可以将文本大小增加到比我用来设计页面的尺寸更大的尺寸,以使文本更容易阅读 - 这是我希望实现的目标,与w3org网站上的效果相同
http:// http:// http:// http:// http:// http:/ http:/ /www.w3.org/ 。我做错了什么?



字体:粗体50%''Trebuchet MS'',''Lucida Grande'',Arial,sans-serif;
^^^那个! 50%非常小!

BODY {font-size:100%; }
.anything_else不小于75%,80%通常是样板材等首选的最小尺寸。




是的,谢谢你你是对的,文字大小很小。我已经使用了那么大的

,因为我已经形成了我的CSS& HTML,它呈现了我更喜欢在我的浏览器中看到它的方式,但是因为我修改了CSS的方式

你建议我可以看到为什么我应该使用更大的尺寸。我现在唯一的问题是,当文件尺寸较大时,文本确实显示为粗体,而且我希望保证文本的重量与我通常会在屏幕上看到

,我会体验到字体重量。


非常感谢你的帮助。

CB


Cerebral Believer写道:

Cerebral Believer写道:

.side_panel_title {
字体:粗体50%''Trebuchet MS'',...< snip>



唯一的问题我现在的情况是,当文件尺寸较大时,文本看起来确实是粗体的,而且我希望保持文本的重量与我在屏幕上通常看到的相同,我会体验
font-weight。




从你的CSS中删除''bold''它不会......呃..''胆大'再来。


-

-bts

-警告:我为草坪鹿刹车


Hi all,

I am keen to allow people who view my site to be able to resize the text in
their browsers (especially for people who need to read larger text). With
my old web-page I specified the point size in the HTML code, and noticed
that when using Internet Explorer the text could not be resized. In
designing my new site I have chosen to express the text sizes as percentages
in a stylesheet, e.g.

..side_panel_title {
font : bold 50% ''Trebuchet MS'',
''Lucida Grande'', Arial, sans-serif;
color : #990000;
}
..side_panel_text {
font : 50% ''Trebuchet MS'', ''Lucida
Grande'', Arial, sans-serif;
color : #373737;
}

I did this thinking that the viewers of my web-pages would be able to select
larger font sizes for viewing by adjusting their browser text settings.
However, when the page is rendered in Internet Explorer, the text only
appears in a readable size (the size I actually designed the page) when the
"View | Text Size | Largest" setting is selected. I had thought that users
would be able to increase the size text to a larger size than the sizes I
used to design the page in order to make the text easier to read - that is
what I want to achieve, that is the same effect as on the w3org site
http://www.w3.org/. What am I doing wrong? Or is what I am trying to
achieve not possible (this way)?

Regards,
C.B.

解决方案

Cerebral Believer wrote:

Hi all,

I am keen to allow people who view my site to be able to resize the text in
their browsers (especially for people who need to read larger text). With
my old web-page I specified the point size in the HTML code, and noticed
that when using Internet Explorer the text could not be resized. In
designing my new site I have chosen to express the text sizes as percentages
in a stylesheet, e.g.

.side_panel_title {
font : bold 50% ''Trebuchet MS'',
''Lucida Grande'', Arial, sans-serif;
color : #990000;
}
.side_panel_text {
font : 50% ''Trebuchet MS'', ''Lucida
Grande'', Arial, sans-serif;
color : #373737;
}

I did this thinking that the viewers of my web-pages would be able to select
larger font sizes for viewing by adjusting their browser text settings.
However, when the page is rendered in Internet Explorer, the text only
appears in a readable size (the size I actually designed the page) when the
"View | Text Size | Largest" setting is selected. I had thought that users
would be able to increase the size text to a larger size than the sizes I
used to design the page in order to make the text easier to read - that is
what I want to achieve, that is the same effect as on the w3org site
http://www.w3.org/. What am I doing wrong?
font: bold 50% ''Trebuchet MS'',''Lucida Grande'', Arial, sans-serif;
^^^^
THAT! 50% in incredibly small!

BODY { font-size: 100%; }
..anything_else not smaller than 75%, 80% is usually the preferred
smallest for stuff like boilerplate.

Or is what I am trying to achieve not possible (this way)?


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com



"Jonathan N. Little" <lw*****@centralva.net> wrote in message
news:44**********************@news.centralva.net.. .

Cerebral Believer wrote:

Hi all,

I am keen to allow people who view my site to be able to resize the text
in their browsers (especially for people who need to read larger text).
With my old web-page I specified the point size in the HTML code, and
noticed that when using Internet Explorer the text could not be resized.
In designing my new site I have chosen to express the text sizes as
percentages in a stylesheet, e.g.

.side_panel_title {
font : bold 50% ''Trebuchet MS'',
''Lucida Grande'', Arial, sans-serif;
color : #990000;
}
.side_panel_text {
font : 50% ''Trebuchet MS'', ''Lucida
Grande'', Arial, sans-serif;
color : #373737;
}

I did this thinking that the viewers of my web-pages would be able to
select larger font sizes for viewing by adjusting their browser text
settings. However, when the page is rendered in Internet Explorer, the
text only appears in a readable size (the size I actually designed the
page) when the "View | Text Size | Largest" setting is selected. I had
thought that users would be able to increase the size text to a larger
size than the sizes I used to design the page in order to make the text
easier to read - that is what I want to achieve, that is the same effect
as on the w3org site http://www.w3.org/. What am I doing wrong?



font: bold 50% ''Trebuchet MS'',''Lucida Grande'', Arial, sans-serif;
^^^^
THAT! 50% in incredibly small!

BODY { font-size: 100%; }
.anything_else not smaller than 75%, 80% is usually the preferred smallest
for stuff like boilerplate.



Yes, thanks for that you are right, that text size is small. I had used
that size because, given the way I had formed my CSS & HTML, it rendered the
way I prefer to see it in my browser, but since I modified my CSS the way
you suggested I can see why I should use a larger size. The only issue I
have now is that the text does appear to be bold when in larger sizes, and I
would have liked to keep the text in the same weight as I would usually see
it on my screen, I will experiemnt with the font-weight.

Thanks very much for your help.
C.B.


Cerebral Believer wrote:

Cerebral Believer wrote:

.side_panel_title {
font: bold 50% ''Trebuchet MS'', ... <snip>



The only issue I have now is that the text does appear to be bold when
in larger sizes, and I would have liked to keep the text in the same
weight as I would usually see it on my screen, I will experiemnt with
the font-weight.



Remove ''bold'' from your css and it won''t be .. er .. ''bold'' anymore.

--
-bts
-Warning: I brake for lawn deer


这篇关于使用CSS的用户可伸缩文本?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆