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

dmo*_*ain 16 css font-family

在CSS中,我通常会照常使用

font-family: Arial, Helvetica, sans-serif;
Run Code Online (Sandbox Code Playgroud)

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

Ale*_*Mcp 22

类似于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%
Run Code Online (Sandbox Code Playgroud)


adj*_*lli 5

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

<link href="https://fonts.googleapis.com/css?family=Schoolbell&v1" rel="stylesheet">

h1 {
    font-family: 'Schoolbell', arial, serif; 
}
Run Code Online (Sandbox Code Playgroud)

  • 这优雅地解决了 OP 的问题,并提供了比担心客户端环境更健壮的解决方案。 (2认同)