24

CSSでは、私は通常、通常の

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

ちょっとした変更として、手書き風のフォントにしようと思います。ここにいる CSS の専門家の何人かは、手書きのように見える最も安全なフォント(ほとんどのブラウザーで最も広く利用されている) をいくつか提案できますか?

4

8 に答える 8

28

同様に「手書きに似たフォント」sans-serifという総称があります。cursiveこれはブラウザによって異なりますが (同様にsans-serif)、開始するのに適した場所になる可能性があります。

scriptこれは、ユーザーごとにインストールされているファミリ フォントの調査です(2012 年):

筆記体フォントのサンプラーと調査結果

それらはすべて互いに大きく異なるように見えるため、一貫性が失われますが、一部は非常に広く採用されています。

インストールされている主なフォントは次のとおりです ( Windows のみ):

Comic Sans MS       99.13%  
Monotype Corsiva    82.29%  
Bradley Hand ITC    63.02% 
Tempus Sans ITC     62.68% 
French Script MT    62.39%
于 2010-04-30T20:52:58.993 に答える
5

Google の Web セーフ フォントのいずれかを使用できます: 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; 
}
于 2011-07-02T16:36:46.813 に答える
4

すべてのプラットフォームのほとんどのブラウザーで確実に使用できる手書きフォントはありません。Windows Vista や 7 に付属するフォントのようなサブセットがありますが、本格的な信頼性の高いカバレッジを達成したい場合は、Web ページと一緒にフォントを配布する必要がある可能性が高く、悲しいことに、事態は複雑になります.

関連する SO の質問:

于 2010-04-30T20:53:06.897 に答える
1

これを読んでください: http://www.w3.org/Style/Examples/007/fonts

js 以外の方法: http://css-tricks.com/css-image-replacement/

于 2010-04-30T21:00:50.180 に答える
1

Web で安全な唯一の手書きフォントはComic Sansです。これをユーザーに適用したい場合。;)

パーセンテージについては、今月のコード スタイル調査の結果を参照してください。

Windows  99.13%
Mac      89.94%
Linux    60.95%

Linux で最も一般的な筆記体は URW Chancery L ですが、クロスプラットフォームではありません。

于 2010-04-30T20:53:09.703 に答える
1

Comic Sans または Lucida の手書きは、優れたフォントではありませんが、最も広く利用されている「手書き」フォントの一部であると思います。ファンシースマンシー html 5 のものを使用して、フォント埋め込みオプションのいくつかを調べることで、より良いサービスを受けることができます: http://www.broken-links.com/2009/05/28/exciting-times-html-5-完全にはサポートされないweb-fonts/ 、またはフラッシュ ベースの sIFR を使用する: http://www.mikeindustries.com/blog/sifr、またはすべてのユーザーに到達するためのこれらのソリューションの組み合わせ。

于 2010-04-30T20:53:29.603 に答える
1

Comic Sans は、Mac と PC に共通する最も手書き風のフォントであり、ページにいつでもフォントを埋め込むことができると言われています。

于 2010-04-30T20:55:14.107 に答える
0

別の方法があります。JavaScript または Jquery に精通している場合。「フォント置換」と呼ばれるものを実行する「Cufon」という非常に優れたスクリプトがあります。この使いやすいスクリプトを使用すると、Web サイトで必要な任意のフォントを使用できます。ドキュメントを確認することから始めてから、フォントの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>

詳細については、この Web サイトにアクセスしてください: http://cufon.shoqolate.com/generate/ (これは、お気に入りのフォントを生成して、サイトで代替として使用できるようにすることができるというものです)。jquery ファイルを含めることを忘れないでください。

于 2010-04-30T21:52:01.410 に答える