所有关于为网站选择正确的字体(what font is that website)

其实我现在有两个问题:

其实我现在有两个问题:

1) 网站首选什么字体?现在我真的很喜欢 'Segoe UI',但它只适用于最新的 Windows 系统,如 Vista 和 2008 Server。所以我定义了一个序列:

font-family: 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif;

除了 'Segoe UI',我真的不喜欢所有这些字体的外观。除此之外,还有什么好的字体可以使用的建议吗?我也尝试过 'Trebuchet MS',它在文档上看起来很棒,但在页面上却不是很好。

2)任式与 CSS 指定不同的字体大小为每个特定的字体-family?像 'Segoe UI-9px',Tahoma-8px 等这可能是不可能的,但也许有一些技巧?

我也知道我现在会得到很多评论来使用相对字体大小,但我不想这样。我的设计中有一些图形是不可拉伸的。如果用户或浏览器默认导致字体呈现不同的大小,设计很快就会崩溃。我更喜欢有字体大小限制的设计,而不是根本没有设计。

16

1) 网站的首选字体是什么?

请参见有关safe web fonts的页面。

2)有什么方法可以通过 CSS 为每个特定的字体系列指定不同的字体大小?

没有.

很快,@font-face将得到所有主流浏览器的支持,您可以在网站上使用任何您想要的字体。

在此之前,请查看CufónsIFR

7

为您的网站使用正确的字体。这并不像说“这是网站的最佳字体”那么简单。这里有两个引用(阅读原则)来自 Robert Bringhurst 的"The Elements of Typographic Style"

“印刷术的存在是为了尊重内容。”

“选择适合任务和主题的面孔。”

另一方面,除非衬线脸真的适合网站,否则无衬线脸更适合数字媒体。

关于第二点,Phil Oye 最近发布了FontUnstack,这是一个 jQuery 插件,它将告诉您给定元素使用的字体。该元素将被赋予一个类(即“set_in_gill_sans”),您可以通过它为不同的字体应用特定的样式。

另外,看看font matrix(1.5 岁)和这些经过深思熟虑的font-stacks

5

1)网站首选什么字体?现在我真的很喜欢“Segoe UI”,但它仅在 Vista 和 2008 Server 等最新 Windows 系统上可用。因此,我定义了一个序列:font-family:“Segoe UI”,Tahoma,Arial,Helvetica,Sans-Serif;我真的不喜欢所有这些文件的外观,除了“Segoe UI”

首选哪种字体?这是一个棘手的问题。有三个主要的计算平台,每个平台都有自己的基本字体集。然后,像 Adobe Creative Suite,Microsoft Office 套件甚至像 XP 的 Powerpoint 2007 查看器这样简单的软件都为用户安装字体。网络上有很多图表列出了commonly used fonts

对于一个网站,你会想要使用清晰的字体。网络上常用的大多数屏幕字体都很清晰。你提到的字体就是很好的例子。屏幕上最清晰的字体是 Verdana,尽管它通常被认为是丑陋的。Arial 总是一个安全的选择。

不过要小心 Segoe UI 声明:如果 Windows XP 用户有这种字体,它可能不会被禁用的抗锯齿清晰。

对于标题,您可以自定义并使用 sIFR 和 Cufon 等技术将文本替换为非本地系统字体。

关于大小的快速说明:大多数网站倾向于设置非常小的字体大小。13 像素确实是长文本的最小值(请参阅relative readibility)。像 Times 这样的 x 高度较小的字体只能用于标题或足够大的尺寸(例如 15 像素)。

2)任式与 CSS 指定不同的字体大小为每个特定的字体-family?像 'Segoe UI-9px',Tahoma-8px 等这可能是不可能的,但也许有一些技巧?

不,这是不可能的。您可以对浏览器和 OS 人员通过 Javascript 运行做出假设,从而对他们安装的字体做出假设,但这是一个相对较小的收益的大量工作。我会建议不要这样做。

4

Re.你的字体选择,我会考虑可用性是一个关键要求(除非你打算一个故意风格的格式)。

Neilson做了一个study,发现 Verdana 或 Arial 在易读性方面是最佳选择。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(244)
"远程计算机是 AAD" 但"登录尝试失败"
上一篇
我可以在哪里上传网站供客户预览(how to upload a website)
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(11条)