問題タブ [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 投票する
4 に答える
12095 参照

fonts - フォントを埋め込みたいが、FontSuitcaseまたはPostScriptType1ファイルから変換できない

FontSquirrelフォントジェネレーターを使用して埋め込みフォントファイルを生成しようとしています。これにより、cssの@font-faceを使用してWebサイトに埋め込むことができます。

しかし、私が持っている(Macの)フォントファイルは次のとおりで、グレー表示されており、FontSquirrelや他のコンバーターで変換するためにそれらを選択することはできません(つまり、私が使用できる生のファイルタイプではないようです埋め込み):

  • PostScriptType1アウトラインフォント
  • フォントスーツケース

どういうわけかこれらを.otfまたは.ttfに変換できますか、または誰かが別の埋め込み方法を知っていますか?

ありがとう!

0 投票する
1 に答える
1440 参照

css - CSS3と@font-faceを使用してCufonに似たテキストグラデーションは可能ですか?

@font-face と CSS3 を使用して、Cufon を使用してテキストで実現できる線形グラデーションをシミュレートしたい

color: '-linear-gradient(#7f7f7f, #616161)',

私はWebkitルールを持っています

-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7F7F7F), to(#616161));

color: セレクターまたはその他のバリエーションを使用してテキストに適用することはできません。これを行う方法はありますか?

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

html - Webブラウザでの.otfフォントの使用

オンラインでフォントの試用が必要なWebサイトで作業していますが、使用しているフォントはすべて.otfです。

フォントを埋め込み、すべてのブラウザで機能させる方法はありますか?

そうでない場合、他にどのような選択肢がありますか?

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

html - Google Web フォントのデバッグ

私はb4を使用した同様のコードを使用していると思いますが、フォントがロードされていないようです

0 投票する
1 に答える
54 参照

fonts - カスタマイズしたフォントをシステムにインストールするにはどうすればよいですか?? ワードパッドにコピーしますか?

特別なキャラクターをデザインしました。私が欲しいのは、Windowsシステムにインストールする必要があるということです。まず、その文字をキーボードに割り当てたいと思います。次に、このフォントをワープロからワードパッドにコピーすると、表示されるはずです。

既存のフォントのグリフを変更し、「^」文字を新しいデザインに置き換えました。

現在、この文字を「Shift + 6 ^」ボタンに割り当てています。Microsoft Word と Excel で動作しています。しかし、それをワードパッドにコピーすると、新しい文字は表示されず、代わりに「^」が表示されます。

私の新しいキャラクターをどこにでも表示する方法はありますか??

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

html - line-height vertical align font-face

次のマークアップがあります。

これで、.blockSection の h5 の高さが固定され、背景画像が 40px になりました。テキストを縦に揃えるには、テキストが 2 行以上に分割されないため、常に行の高さを高さと同じに設定します。しかし問題は、font-face のフォントを使用していて、Firefox や Mac の Safari で縦方向に揃えたくないことです。Windows IE では良さそうです。

ブラウザに異なる行の高さを適用せずに、それを正しくするためのトリックを知っている人はいますか?

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

tinymce - TinyMCE でデフォルトのフォント タイプ/サイズを変更する

TinyMCE でデフォルトのフォント タイプとフォント サイズを変更するにはどうすればよいですか?

高度なスキンを使用していてbody, td, pre、default/content.css のスタイルを変更しましたが、それでも変更されません。

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

android - AndroidスタイルxmlでfontTypeを指定できますか?

レイアウトでスタイルを使用して、Jeff Sharkey によるサンプル プロジェクト「Sky」に従っています。うまく機能していますが、スタイルを使用してフォントの書体を指定する方法がわかりません。これがないと、すべての TextView、EditView などにフォントを明示的に適用する必要がありますが、アプリケーション全体でフォントを適用する場所とタイミングを制御したいと考えています。

0 投票する
1 に答える
175 参照

css - sIFR を @font-face に切り替えると、ページ読み込みのパフォーマンスが向上しますか?

sIFR を @font-face に切り替えると、ページ読み込みのパフォーマンスが向上しますか?

クライアントがホームページの見出しや小見出しなどで彼のロゴのフォントを使用したかったので、クライアントの要求に応じて sIFR でサイトを作成しました。

ホームページ自体に sIFR テキストの 20 のインスタンスがあるため、クライアントはサイトの読み込みが遅いと感じています。

クライアントに sIFR を @font-face に変更するよう提案した場合、ページ速度に顕著な違いが生じるでしょうか?

クライアントは、Google フォント ライブラリで利用できない独自のカスタム フォントを持っており、IE 6 から 8 との互換性も必要としています。

0 投票する
1 に答える
492 参照

javascript - Google Web Font Loader は、Firefox で 1 つのフォントのみを読み込みます

ここで 2 つの個別のバグをデバッグしていますが、最初のことが最初です。Google フォント ローダー、SilkScreen および SilkScreenBold を使用してサーバーから 2 つのフォントをロードするように指定しました。

http://junk.arandomurl.com/helicopter/test.html

または、誰かがフォントが読み込まれたことを確認する別の確実な方法を教えてくれるなら、私はすべて耳にします