0

私のコンピューターにはなく、ブラウザーに表示されるさまざまなフォントを使用している多くの Web サイトを見てきました。これらのページのソースには、次のスクリプトが含まれています。

http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js

このスクリプトは何ですか? そのような Web フォントを使用しても安全ですか?

4

3 に答える 3

3

ええ、Webfont ローダーは完全に安全です...そして、Google Fonts API が提供するよりもフォントの読み込みをより詳細に制御できる、Web フォントに代わる Javascript です。Web Font Loader では、複数の Web フォント プロバイダーを使用することもできます。

私はまだこれを古い方法で行っています... :) 以下にリストしました...

Google で必要なフォントをダウンロードする場所... http://www.google.com/fonts/

次に、そのようにサイトに追加するだけです...（私が使用しているフォントの例は「Balthazar」です）

<link href='http://fonts.googleapis.com/css?family=Balthazar' rel='stylesheet' type='text/css'>

または、このように CSS @import を CSS ファイルに追加するだけです...どちらの方法でも機能します..

@import url(http://fonts.googleapis.com/css?family=Balthazar);

次に、CSSで次のようにアクセスします....

font-family: 'Balthazar', serif;
于 2013-06-11T03:16:30.880 に答える
3

font-face テクニックも使用できます。Bebas Nueu Regular フォントを探していたように。font-faceをロードしました。これを行います: font-face キットをダウンロードします...例 (Font-Squirrel) - http://www.fontsquirrel.com/fonts/bebas-neue

ファイルを Web サイトのサーバーにアップロードします。

CSS

@font-face {
font-family: 'BebasNeueRegular';
src: url('BebasNeue-webfont.eot');
src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
     url('BebasNeue-webfont.woff') format('woff'),
     url('BebasNeue-webfont.ttf') format('truetype'),
     url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;

}

ディレクトリ パスがサーバー上のアップロードされたファイルを指していることを確認してください。

フォントをレンダリングする場所を使用font-family: 'BebasNeueRegular';します。

それが役立つことを願っています。

于 2013-06-11T03:24:29.807 に答える