What you are looking for is web safe fonts to use in your CSS.
The site CSS Font Stacks seems to be the best resource that is kept updated.
A web safe font is a font that is commonly already installed on a given user's operating system so it doesn't require the user to download a font file when viewing the website. Using a web safe font has the advantage of allowing a website to load faster as it does not require an additional download.
The downside of using a web safe font is that the font may be available on one user's operating system but not another user's. A solution to this problem is to use a font stack which the site above provides. A font stack is a list of similar fonts so that if a user doesn't have a font on the list then they can use a similar font later on the list.
You really do NOT have a lot of variety for fonts on the web if you intend to be cross-OS compatible .. You are basically limited to really a handful of uninspiring choices.
If you want to get some "serious, formal, casual, inviting" fonts then you're going to need to create bitmap images in a graphics editor - which of course doesn't help too much if your content isn't static.
For dynamic content with an "unlimited" range of font treatments, what I would probably try is some PHP + GD or ImageMagick goodness to generate bitmaps on-the-fly.
发布评论
评论（4）
您正在寻找的是可在 CSS 中使用的网络安全字体。
网站 CSS Font Stacks 似乎是不断更新的最佳资源。
网络安全字体是通常已经安装在给定用户的操作系统上的字体，因此它不需要用户在查看网站时下载字体文件。 使用网络安全字体的优点是允许网站加载速度更快，因为它不需要额外下载。
使用网络安全字体的缺点是该字体可能在一个用户的操作系统上可用，但在另一用户的操作系统上不可用。 解决此问题的方法是使用上面站点提供的字体堆栈。 字体堆栈是相似字体的列表，因此如果用户列表中没有字体，那么他们可以稍后使用列表中的相似字体。
What you are looking for is web safe fonts to use in your CSS.
The site CSS Font Stacks seems to be the best resource that is kept updated.
A web safe font is a font that is commonly already installed on a given user's operating system so it doesn't require the user to download a font file when viewing the website. Using a web safe font has the advantage of allowing a website to load faster as it does not require an additional download.
The downside of using a web safe font is that the font may be available on one user's operating system but not another user's. A solution to this problem is to use a font stack which the site above provides. A font stack is a list of similar fonts so that if a user doesn't have a font on the list then they can use a similar font later on the list.
这是我经常回顾的关于网页排版的绝佳参考。 涵盖版式的基础知识以及它们如何应用于网络。
This is an excellent reference on web typography I keep coming back to. Covers the basics of typography and how they apply to the web.
http://www.typetester.org/ 非常有用。
http://www.typetester.org/ is really useful.
如果您打算跨操作系统兼容，那么网络上的字体确实没有太多种类。您基本上只能选择一些平淡无奇的选择。
如果您想获得一些“严肃、正式、休闲、诱人”的字体，那么您将需要在图形编辑器中创建位图图像 - 如果您的内容不是静态的，这当然没有太大帮助。
对于具有“无限”范围的字体处理的动态内容，我可能会尝试使用 PHP + GD 或 ImageMagick 来动态生成位图。
You really do NOT have a lot of variety for fonts on the web if you intend to be cross-OS compatible .. You are basically limited to really a handful of uninspiring choices.
If you want to get some "serious, formal, casual, inviting" fonts then you're going to need to create bitmap images in a graphics editor - which of course doesn't help too much if your content isn't static.
For dynamic content with an "unlimited" range of font treatments, what I would probably try is some PHP + GD or ImageMagick goodness to generate bitmaps on-the-fly.