blocks|key|2017714|text|我认为Comic+Sans或Lucida手写字体是使用最广泛的“手写”字体，尽管它们不是很好的字体。你可以研究一些字体嵌入选项，或者使用不完全支持的http://www.broken-links.com/2009/05/28/exciting-times-html-5-web-fonts/，或者使用基于flash的sIFR：http://www.mikeindustries.com/blog/sifr，或者这些解决方案的某种组合，以达到所有用户。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2017715|entityMap|0|LINK|mutability|MUTABLE|url|http://www.broken-links.com/2009/05/28/exciting-times-html-5-web-fonts/|1|http://www.mikeindustries.com/blog/sifr^0|22|1Z|0|4J|13|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

<p>I suppose Comic Sans or Lucida handwriting would be some of the most widely available 'handwriting' fonts, although they're not great fonts. You might be better served by looking into some of the font embeding options, either using fancy-smancy html 5 stuff: <a href="http://www.broken-links.com/2009/05/28/exciting-times-html-5-web-fonts/" rel="nofollow noreferrer">http://www.broken-links.com/2009/05/28/exciting-times-html-5-web-fonts/</a> which won't be entirely supported, or using sIFR which is flash based: <a href="http://www.mikeindustries.com/blog/sifr" rel="nofollow noreferrer">http://www.mikeindustries.com/blog/sifr</a>, or some combination of these solutions to reach all users.</p>


blocks|key|2018116|text|Comic+Sans将是macs和pcs中最常见的手写字体，也就是说，你总是可以在页面中嵌入字体。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2018117|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>Comic Sans would be the most handwritingesque font common to macs and pcs, that being said you could always embed a font in your page.</p>


blocks|key|2018131|text|请阅读：http://www.w3.org/Style/Examples/007/fonts|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2018132|对于非js方式：http://css-tricks.com/css-image-replacement/|2018133|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/Style/Examples/007/fonts|1|http://css-tricks.com/css-image-replacement/^0|4|16|0|0|8|18|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

<p>Read This: <a href="http://www.w3.org/Style/Examples/007/fonts" rel="nofollow noreferrer">http://www.w3.org/Style/Examples/007/fonts</a></p>

<p>and for a non js way: <a href="http://css-tricks.com/css-image-replacement/" rel="nofollow noreferrer">http://css-tricks.com/css-image-replacement/</a></p>


blocks|key|1804519|text|还有另一种选择。如果您熟悉Javscript或Jquery。有一个非常好的脚本叫做"Cufon“，它做了一个叫做”字体替换“的事情。有了这个简单易用的脚本，你可以在你的网站上使用任何你想要的字体。我建议你首先检查它的文档，然后创建cufon-js版本的字体，然后使用它！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1804520|有了这样的代码，你就已经在做字体替换...check这样简单的事情了|1804521|<!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>|code-block|syntax|javascript|1804522|请访问这个网站获取更多信息：http://cufon.shoqolate.com/generate/+(这是你可以生成你最喜欢的字体并准备好在你的网站上作为替代字体使用的地方)。记住要包含jquery文件！|offset|length|1804523|entityMap|0|LINK|mutability|MUTABLE|url|http://cufon.shoqolate.com/generate/^0|0|0|0|E|10|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>There's an alternative.
If you're familiar with Javscript or Jquery.
There's a very nice script called "Cufon" that does a thing called "Font Replacement".
With this simple to use script, you can use ANY font you want on your website.
I suggest you start by checking it's documentation, then create the cufon-js version of the font and then use it ! </p>

<p>With code like this, you would be already doing font replacement ...check this simplicity</p>

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

<p>Please visit this website for more information: 
<a href="http://cufon.shoqolate.com/generate/" rel="nofollow noreferrer">http://cufon.shoqolate.com/generate/</a>  (this is were you can generate your favorite font and make it ready to be used as a replacement on your site).
Remember to include the jquery file! </p>


blocks|key|2018602|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2018603|<link+href="https://fonts.googleapis.com/css?family=Schoolbell&v1"+rel="stylesheet">

h1+{
++++font-family:+'Schoolbell',+arial,+serif;+
}|code-block|syntax|javascript|2018604|entityMap^0|0|0^^$0|@$1|2|3|-4|4|5|6|H|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|I|7|@]|8|@]|9|$D|E]]|$1|F|3|-4|4|5|6|J|7|@]|8|@]|9|$]]]|G|$]]

<p>You could use one of the Google web safe fonts: <a href="http://www.google.com/webfonts/family?family=Schoolbell&amp;subset=latin#code" rel="nofollow noreferrer">http://www.google.com/webfonts/family?family=Schoolbell&amp;subset=latin#code</a></p>

<pre><code>&lt;link href="https://fonts.googleapis.com/css?family=Schoolbell&amp;v1" rel="stylesheet"&gt;

h1 {
    font-family: 'Schoolbell', arial, serif; 
}
</code></pre>


<p>In CSS, I usually go with the usual</p>
<pre><code>font-family: Arial, Helvetica, sans-serif;
</code></pre>
<p>For a little change, I'm going for a <em>font</em> that looks like handwriting. Can some of the expert CSS folks here suggest what would be some of the safest <em>fonts</em> (most widely available in most browsers) that look like handwriting?</p>


Setting CSS font-family to a safe handwriting font

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

在CSS中，我通常使用通常的font-family: Arial, Helvetica, sans-serif;为了做一点改变，我想要一种看起来像手写的字体。这里的一些CSS专家能否建议一些看起来像手写的最安全的字体(在大多数浏览器中最广泛使用)？

问将CSS字体系列设置为安全手写字体
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将CSS字体系列设置为安全手写字体EN