您是否知道有一个资源列出了所有网络上良好的字体系列及其备用字体?

发布于 2024-07-11 14:39:23 字数 1397 浏览 8 评论 0 原文

注意:我在这里做了一些编辑,因为我第一次没有很好地理解我的问题。


更新:在对这个主题进行了一些研究之后,我想出了一个完美的例子来说明为什么我要寻找具有后备的完美字体系列列表:http://www.brownbatterystudios.com/sixthings /2007/03/14/lucida-hybrid-the-grande-alternative/

body {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
}
strong, em, b, i {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

我怀疑其他人已经做了这样的详细列表,而不是我再次做这一切,我很乐意制作利用别人的辛苦劳动。 如果没有其他人这样做,那么我就开始自己做吧?


我知道如何搜索网络安全字体,以及如何包含不同浏览器类型的后备以接近我想要的字体,我们以前都这样做过很多次。 然而,我曾经看到一个例子,其中有人在样式表中保存了所有后备列表,您所需要做的就是注释掉那些您没有使用的。

该列表似乎包含了任何人都想使用的大多数字体,而不是每次都在网络上不断搜索以创建我自己的列表,我想知道是否有其他人知道这个或任何其他字体列表后退?

示例:

body {
font-family:Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
/* 
font-family:"Trebuchet MS","Bitstream Vera Sans",Verdana,Arial,Helvetica,sans-serif;
font-family:Consolas,Monaco,Liberation Mono,Lucida Console;
...
*/
}

在上面的示例中,您将看到 font-family:Consolas,Monaco,Liberation Mono,Lucida Console; (从 SO 的样式表中获取)并且到目前为止列出的所有资源都不会导致我构建后备系列。 摩纳哥和康索拉斯相似吗? 对于主要想要 Consolas 的人来说,这是一个很好的后备列表吗? 如果是,那么我希望将其添加到我可接受的字体系列列表中...

干杯,
史蒂夫

Note: I've made a few edits here as I didn't get my question across very well the first time around.


Update: After doing some of my own research on this subject, I've come up with a perfect example of why I'm searching out the perfect list of font-family with fall-backs: http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/

body {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
}
strong, em, b, i {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

I'm suspecting that someone else has done a detailed list like this and rather than my doing it all again, I'd love to make use of someone elses hard work. If no one else has done this, then I'll go ahead and start my own?


I know how to search for web safe fonts, and how to include fall-backs for the different browser types to get close to my desired font and we've all done this many times before. However, I once saw an example of where someone had saved a list of all the fall-backs in a style sheet and all you needed to do was comment out the ones you weren't using.

The list appeared to contain most of the fonts that anyone would ever want to use, and rather than continuously scouring around the web every time to create my own list, I'm wondering if anyone else knows of this or any other list of fonts with fall-backs?

Example:

body {
font-family:Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
/* 
font-family:"Trebuchet MS","Bitstream Vera Sans",Verdana,Arial,Helvetica,sans-serif;
font-family:Consolas,Monaco,Liberation Mono,Lucida Console;
...
*/
}

In my example above, you'll see font-family:Consolas,Monaco,Liberation Mono,Lucida Console; (snagged from SO's style sheet) and none of the resources listed so far would result in my building that fall-back family. Is Monaco similar to Consolas? Is this a good fall-back list for someone who primarily wants Consolas? If it is, then I want this added to my list of acceptable font-families...

Cheers,
Steve

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

橘味果▽酱 2024-07-18 14:39:23

我今天刚刚为 SitePoint 的 8 Definitive Font Stacks 添加了书签,并计划将这些纳入未来的项目中。

I just bookmarked SitePoint's 8 Definitive Font Stacks today, and plan to incorporate these into future projects.

风月客 2024-07-18 14:39:23

我使用 fonttester 来测试和尝试网络安全字体组合

编辑:
在 fonttester 中,如果你问“Trebuchet”,你会得到:

font-family: 'Trebuchet MS', Helvetica, sans-serif;

I use fonttester to test and try web safe fonts combinations

EDIT:
in fonttester if you ask "Trebuchet" you'll get:

font-family: 'Trebuchet MS', Helvetica, sans-serif;
蓝礼 2024-07-18 14:39:23

这是另一篇关于字体堆栈的博客文章,这也是一件好事。

Here is another blog post on font stacks, it's a good one too.

风和你 2024-07-18 14:39:23

我一直使用这个:

默认 Mac 和 Windows XP 字体

I've always used this one:

Default Mac and Windows XP fonts

凉栀 2024-07-18 14:39:23

TypeTester 是一个比较字体设置并将字体分为安全列表、Win 默认、Mac 默认和维斯塔字体。 您还可以使用它来测试行距、对齐方式、字间距等,设置基本字体大小并导出 CSS。

TypeTester is a tool to compare font settings and breaks out fonts into Safe List, Win Default, Mac Default, and Vista fonts. You can also use it to test leading, alignment, word spacing, etc, set your base font size, and export the CSS.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文