問題タブ [font-face]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
8 に答える
253395 参照

fonts - 同じフォントに複数のフォントファイルを追加するにはどうすればよいですか?

@ font-face CSSルールのMDCページを見ていますが、1つもわかりません。太字斜体太字+斜体の別々のファイルがあります。@font-face3つのファイルすべてを1つのルールに埋め込むにはどうすればよいですか?たとえば、私が持っている場合:

ブラウザは太字に使用するフォントを認識しないため(そのファイルはDejaVuSansBold.ttfであるため)、デフォルトでおそらく不要なフォントになります。特定のフォントのさまざまなバリエーションをすべてブラウザに伝えるにはどうすればよいですか?

0 投票する
5 に答える
1585 参照

jquery - jQuery ブラウザの CSS バージョンを確認する

新しいブラウザーには @font-face を使用し、他のブラウザーにはイメージ置換を使用したい... @font-face がユーザーのブラウザーに存在することを確認するにはどうすればよいですか?

0 投票する
4 に答える
1521 参照

css - @font-faceの問題

@font-face、私は自分のウェブサイトで仕事をするために必死に努力しています。これは私が今使っているコードです。

その後....

私はフォントRomeralを使用しています。これへのリンクは次のとおりです:http ://www.smashingmagazine.com/2007/02/06/freefont-of-the-week-romeral/

どういうわけかそれはうまくいきません。ページ上のフォントはレンダリングされません。Ripeのような他のフォントを使ってみましたが、うまくいきました。スペルミスがないことを確認しました。私が疑問に思っているのは、一部のフォントが@font-faceでフォントを使用できないようにするために使用する制限があるかどうかです。または、コードに明らかな間違いを犯した可能性があります。

前もって感謝します。

0 投票する
3 に答える
63784 参照

embed - Windows Vista/7 以外の訪問者のために Calibri フォントを Web サイトに埋め込む合法的な方法はありますか?

Web サイトに Calibri を使用したいと考えています。

訪問者がフォントをインストールしていない場合でも (つまり、Windows Vista/7 以外の訪問者)、自分の Web サイトで Calibri フォントを使用したいと考えています。

マイクロソフトは Calibri フォントを Web サイトに埋め込むことを許可していますか?

もしそうなら、彼らはこれをどのような技術で許可していますか? EOT?

ありがとう。

0 投票する
2 に答える
2500 参照

firefox - FirefoxのWebフォントが別のドメインで機能しないのはなぜですか?

Firefox 3.5の新しいOpenTypeフォント機能を試していたところ、問題が発生しました。使用するページとは別のドメインにフォントを埋め込もうとしましたが、機能しませんでした。バグかもしれないと思いましたが、MDCリファレンスページで読んだところから、次のことに気づきました。

Geckoでは、HTTPアクセス制御を使用してこの制限を緩和しない限り、Webフォントには同じドメイン制限が適用されます(フォントファイルは、それらを使用するページと同じドメインにある必要があります)。

彼らは意図的にそのようにブラウザを設計したようです。好奇心から、なぜ彼らはそれをするのでしょうか?フォントの埋め込みにセキュリティ上のリスクはありますか?それとも、法的な商標または著作権の問題のためですか?または、他の何か?

0 投票する
3 に答える
17633 参照

css - Safariのfont-weightに関する@font-faceの問題

@font-faceを使い始めたばかりですこれは私のcssの上にあります

そして私はjoomlaのメニューのためにこれを以下に持っています

これはhtmlファイルにあります

これはFirefoxで機能しますが、SafariまたはChromeでは正しく機能しません。フォントは正しいのですが、フォントの太さが機能していません。google-chrome開発者ツールで確認したところ、計算されたフォントの太さは600です。100を使用してみました。または900サファリとクロームの結果は同じで、フォントの太さは変わりません。

cssファイルの上のfont-face宣言に何か問題がありますか?

このようなものを追加してみてください

試しましたが、うまくいきませんでした。別のフォントを追加する必要がありますこれは私のフォントディレクトリにあるものです

または、幅は大きくなりますが、IEでotfではない別のフォント形式を試してみると、機能しているようです。私はまだそれを修正する必要があります。

0 投票する
4 に答える
1678 参照

css - @ font-faceを使用するための短所はありますか?

@ font-faceはsIFR3の優れた代替手段であることがわかりましたが、ブラウザごとに異なるフォント拡張子が必要です。したがって、実装はsIFR3以上のものです。

しかし、非常に良いことは、FLASHとJavascriptが必要ないことです。

sIFR3と比較して@font-faceを使用することの短所はありますか?すべてのAグレードブラウザで互換性が必要です。

ネット上で無料でダウンロードできるフォントがある場合、またはフォントがクライアントによって購入されて提供されている場合、またはフォントが私の会社によって購入されている場合。すべての状態でそれらのフォントを使用できますか?

0 投票する
2 に答える
127 参照

css - sIFR や @font-face などで使用できる、緊張感のない優れたカスタム フォントはありますか?

sIFR @font-face などで使用できるフリーフォントはありますか?

? 私がそれらを使用する場合、誰も私に訴訟を起こすことはありません, 誰も私に法的通知を送ることはありません.

私のプロジェクトやクライアントのプロジェクトで、個人的に、商業的に使用できる、テンションフリーでライセンスフリーの良いフォントはありますか?

素敵なクライアントにフォントについて通知する必要はありませんか?

0 投票する
2 に答える
2388 参照

silverlight - Segoe の Silverlight オープン ソース フォントの置き換え

現在、Silverlight 4 で LOB アプリケーションを構築しています。アプリケーションのタイポグラフィの問題を検討しています。

デザイン面でのいくつかの実験の後、人々が好むフォントは Segoe UI です。これで、このフォントを埋め込むことができます。このフォントは Windows で自由に利用できますが、このフォントの配布権はありません。

自由に配布できる Segoe ファミリと視覚的に同等のオープン ソース フォントを探しています。

そのようなフォントは存在しますか?

0 投票する
3 に答える
8846 参照

fonts - Webkit の @font-face と letter-spacing

フォントを埋め込むときに、文字間隔が Webkit (およびおそらく他のブラウザー?) で常に機能するとは限らないことを発見しました。2 つの異なるフォントで試してみましたが、異なる結果が得られました。

「League Gothic Regular」が動作します

http://www.theleagueofmoveabletype.com/fonts/7-league-gothic

「流砂の光」は

http://www.fontsquirrel.com/fonts/Quicksand

スキニーは何ですか?非準拠のフォントを強制的に使用させる方法はありますか?

簡単な注意: Firefox は両方のフォントに適用されるようです。