Question

在CSS中，我通常会使用通常的

font-family: Arial, Helvetica, sans-serif;

稍微改变一下，我会找一个看起来像手写的字体。这里的一些专家CSS人员可以建议一些最安全的字体（在大多数浏览器中最广泛使用）看起来像是写字的

Answer 1

与sans-serif类似，有一个通用cursive，它是一个“类似于手写的字体”。这将因浏览器而异（sans-serif也会有所不同），但可能是一个很好的起点。

以下是对每位用户安装的script系列字体的调查：

http://www.codestyle.org/css/font-family/sampler-Cursive.shtml

它们看起来彼此差异很大，所以你会失去一些一致性，但有些被广泛采用。

他们的主要安装字体是（ FOR WINDOWS ONLY ）：

Comic Sans MS     99.13%  
Monotype Corsiva    82.29%  
Bradley Hand ITC    63.02% 
Tempus Sans ITC      62.68% 
French Script MT    62.39%

Answer 2

在所有平台上的大多数浏览器中都没有可靠的手写字体。有一些子集，如Windows Vista或7附带的字体，但如果你想获得任何严重可靠的覆盖范围，你可能不得不求助于在网页旁边提供字体 - 遗憾的是，这使得事情变得复杂。

相关的SO问题：

Answer 3

您可以使用其中一种Google网络安全字体：http://www.google.com/webfonts/family?family=Schoolbell&subset=latin#code

<link href='http://fonts.googleapis.com/css?family=Schoolbell&v1' rel='stylesheet' type='text/css'>
h1 { font-family: 'Schoolbell', arial, serif; }

Answer 4

唯一的网络安全手写字体是 Comic Sans - 如果您想对用户造成这种影响。 ;）

对于百分比，请参阅截至本月Code Style survey的结果：

Windows  99.13%
Mac      89.94%
Linux    60.95%

Linux上最常见的草书是URW Chancery L，但它不是跨平台的。

Answer 5

我认为Comic Sans或Lucida手写内容是最广泛使用的'手写'字体，尽管它们不是很棒的字体。您可以通过查看一些字体嵌入选项来获得更好的服务，使用fancy-smancy html 5：http://www.broken-links.com/2009/05/28/exciting-times-html-5-web-fonts/不完全支持，或者使用基于闪存的sIFR：http://www.mikeindustries.com/blog/sifr ，或这些解决方案的某种组合，以覆盖所有用户。

Answer 6

Comic Sans将是mac和pc常见的最常用的手写字体，据说你总是可以在你的页面中嵌入一个字体。

Answer 7

阅读本文：http://www.w3.org/Style/Examples/007/fonts

和非js方式：http://css-tricks.com/css-image-replacement/

Answer 8

还有另一种选择。如果您熟悉Javscript或Jquery。有一个非常好的脚本叫做“Cufon”，它做了一个名为“字体替换”的东西。使用这个简单易用的脚本，您可以在网站上使用任何您想要的字体。我建议你先查看它的文档，然后创建字体的cufon-js版本，然后使用它！

使用这样的代码，你可能已经在进行字体替换......请检查这个简单性

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script src="cufon-yui.js" type="text/javascript"></script>
        <script src="Vegur_300.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace('h1');
        </script>
    </head>
    <body>
        <h1>This text will be shown in Vegur.</h1>
    </body>
</html>

请访问此网站了解更多信息： http://cufon.shoqolate.com/generate/（这是您可以生成自己喜欢的字体并准备好在您的网站上用作替代品）。记得包含jquery文件！

将css font-family设置为安全的手写字体

8 个答案: