プログラミング font-face

6

私はウェブサイト（例：mywebsite.com）を設計していますが、このサイトは別のサイト（anothersite.comなど）からfont-faceフォントを読み込みます。Firefoxでのフォントフォントの読み込みに問題があり、このブログを読みました。 Firefox（v3.5の@ font-faceをサポート）では、デフォルトでクロスドメインフォントは許可されていません。これは、フォントに「Access-Control-Allow-Origin」ヘッダーを追加できない限り、フォントは同じドメイン（およびサブドメイン）から提供される必要があることを意味します。 Access-Control-Allow-Originヘッダーをフォントに設定するにはどうすればよいですか？

99 header cors font-face

14

AndroidでWebviewのフォントを変更する方法は？

webviewのデフォルトフォントをカスタムフォントに変更したい。私はAndroid用のバイリンガルブラウザーアプリの開発にwebviewを使用しています。カスタムフォントをアセットに配置して、カスタムタイプフェイスのインスタンスを取得してみました。しかし、それでもwebviewのデフォルトのフォントを私のフォントに設定できませんでした。これは私が試したものです： Typeface font = Typeface.createFromAsset(getAssets(), "myfont.ttf"); private WebView webview; WebSettings webSettings = webView.getSettings(); webSettings.setFixedFontFamily(font); 誰かがこれを修正したり、webviewのデフォルトフォントをカスタムフォントに変更する他の方法を提案したりできますか？ありがとう！

97 android webview font-face custom-font

18

@ font-faceを使用してテキストを<canvas>に描画すると、最初は機能しません

@ font-faceを介して読み込まれた書体でキャンバスにテキストを描画すると、テキストが正しく表示されません。まったく表示されない（Chrome 13およびFirefox 5の場合）か、書体が間違っています（Opera 11）。このタイプの予期しない動作は、書体を使用した最初の図面でのみ発生します。その後、すべてが正常に動作します。それは標準的な動作か何かですか？ありがとうございました。 PS：以下はテストケースのソースコードです <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>@font-face and &lt;canvas&gt;</title> <style id="css"> @font-face { font-family: 'Press Start 2P'; src: url('fonts/PressStart2P.ttf'); } </style> <style> canvas, pre { border: 1px solid black; padding: 0 1em; } </style> </head> <body> <h1>@font-face and &lt;canvas&gt;</h1> <p> Description: click …

93 html canvas font-face

10

CSSを使用してWebサイト全体に単一のフォントを適用する

ウェブサイト全体で「アルジェリア」という名前の単一のフォントを使用したい。したがって、すべてのHTMLタグを変更する必要があり、次のように異なるタグに異なるコードを記述したくありません。 button{font-family:Algerian;} div{font-family:Algerian;} 以下に書かれた方法も非常に推奨されていません： div,button,span,strong{font-family:Algerian;}

91 html css fonts font-face

2

@ font-face src：local-ユーザーがすでにローカルフォントを持っている場合、どのように使用しますか？

@font-faceユーザーがすでにフォントを持っている場合にブラウザがフォントをダウンロードしないように使用する正しい方法は何ですか？ @ font-faceを使用して、システム（Linux）にすでにインストールされているDejaVuを定義しています。Firefoxはフォントをダウンロードしていませんが、Chromiumは毎回フォントをダウンロードしています。 font squirrelに基づく私のCSSコードとその質問は、次のようになります。 @font-face { font-family: 'DejaVu Serif'; src: url('DejaVuSerif-webfont.eot'); src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg'); font-weight: normal; font-style: normal; } /* ... @font-face definitions for italic and bold omitted ... */ @font-face { font-family: 'DejaVu Serif'; src: url('DejaVuSerif-BoldItalic-webfont.eot'); src: local('DejaVu Serif Bold Italic'), url('DejaVuSerif-BoldItalic-webfont.woff') …

83 css font-face

8

フォント（@ font-face）がすでにロードされているかどうかを知る方法は？

Font-Awesomeを使用していますが、フォントファイルがロードされていない間、アイコンはで表示されます。したがって、display:noneファイルがロードされていないときにこれらのアイコンを表示したいと思います。 @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } これらのファイルがロードされ、最終的にアイコンを表示できるようになったことをどのように確認できますか？編集：フォントはページ全体の前にロードされる可能性があるため、ページがロードされるとき（オンロード）は話していません。

80 javascript jquery css font-face font-awesome

タグ付けされた質問 「font-face」

タグ付けされた質問「font-face」