問題タブ [google-webfonts]
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.
css - ウェブフォントとは何ですか?私はそれらに頼ることができますか
Bootstrapサイトにきれいなフォントを追加したい。私はデザイナーではなくプログラマーです。
グーグルで検索して、GoogleWebfontsWebサイトにたどり着きました。Google独自のフォントブラウザは、どのブラウザ(OSX Chrome、OSX Safari、Win7 Chrome、Win7 IE9)でも機能しません(すべてのフォントはデフォルトでセリフなどになります)。すべてのフォントが同じように表示されます。
- なぜグーグルのウェブフォントブラウザが私のために機能しないのですか?http://www.google.com/webfonts
- どうすれば彼らが他のみんなのために働くことを信頼できますか
- カスタムフォントを使用するための防弾方法は何ですか?
- それらを購入して自分でホストする必要がありますか?これは悪い考えですか?
css - GoogleWeb-フォントと実際のフォントファイル-すべてのデバイス用
JoesfinSansを使用したいと思っています。GoogleWebフォントにリストされています。.eot、.svg、.ttf、.woffもあります。これは、ファイルとの完全な互換性を意味します(私が知る限り)。
私の主な質問は:どちらが良いですか?Google Fontsの読み込みは速くなりますか?より互換性がありますか?それとも私はファイルに固執する必要がありますか?
html - Google Webfont ラテン語の大きな文字
Google Webfonts のヘルプが必要です。私は Ubuntu Condensed を使用しており、Google Webfonts Web サイトではすべてのラテン文字が正常に機能しますが、自分の Web サイトで使用すると、小文字のžšćが大きくなります。使用:
以下に例を示します: http://dsgnet.net/desavanja/
フッターの Uslovi korišćenjaテキストの見栄えが悪い。
ここで何が問題なのですか、どうすれば修正できますか?
css - googlewebfontがIEで機能しない
GoogleWebフォントで奇妙な動作が発生しています。現在、スタイルシートを埋め込むのと同じように使用していますが、正常に機能しています。
しかし、この@ font-face値をcssファイルに使用すると、正しく機能しません。
これらのコードに何が起こっているのか、私は両方の上で同じように動作していると思います。アイデアの人はいますか?
ノート。また、このフォントをシステムにダウンロードしてサーバーからロードすることも計画しています。前もって感謝します。
set - GoogleWebフォントのカスタム文字セット
Google Webフォントクエリを最適化して、基本的なラテン語セットと母国語(チェコ語)に不可欠なラテン語のext文字の一部を含めようとしました。
https://developers.google.com/webfonts/docs/getting_started?hl=cs#Quick_Start
上記のリンクは、クエリを変更して一部の文字のみを含め、大幅に軽量化できることを示しています。だから私はそれらのキャラクターを試しました:
aábcčdďeéěfghchiíjklmnňoópqrřsštťuúůvwxyýzžAÁBCČDĎEÉĚFGHChIÍJKLMNŇOÓPQRŘSŠTŤUÚŮVWXYÝZŽ。、?!;
そして、クエリは次のようになります(すべての「異常な」文字はhtmlエスケープする必要があるため):
最終結果は通常のように見え、標準の45KB(完全なラテン語のext文字セットを使用)ではなく、わずか23KBです。問題は、一部のコンピューターでは、一部の文字が正しくロードされないことです。たとえば、Arialでレンダリングされます(たとえば、「ODPOVĚDI」という単語の「Ě」)。誰かが問題がどこにあるのか、または次にそれを見たときにどのように追跡できるのかを教えてもらえますか?それとも、この機能がグーグルウェブフォントのベータ版であるという理由だけですか?
css - Firefox、Chrome、Opera で Google Webfonts のレンダリングが異なる
Google Web フォントに問題があります。
「Bitter」という Google Webfont を使用しています。しかし、Firefox と Chrome ではレンダリングが異なります。Chrome と Opera は同様の方法でレンダリングするようです。大幅な違いはありませんが、段落の書式設定と構成がめちゃくちゃになっています。
CSSは次のとおりです。
そして、これが私が話している問題のスクリーンショットです: http://i49.tinypic.com/2u46mpi.png
Firefox、Chrome、Opera の両方で一貫したレンダリングを行う方法を誰か提案できますか?
ありがとう
javascript - スタイルのないコンテンツの Flash の問題
私は Head.js、Google Web Fonts を使用し、Web 上の他の場所からいくつかのコンテンツ (プレースホルダー画像) を取得しています。
私が気付いたのは、ページの読み込み時にスタイル設定されていないコンテンツが表示され、見出しのフォントが適切に読み込まれますが、適切なウェイトではなく、適切なウェイトが読み込まれるということです。
ヘッダー テキストでこの奇妙な動作を引き起こしている原因について何か考えはありますか? スタイルなしから適切な要求されたフォントに移行するだけではいけませんか?
また、JavaScript が無効になっている人に優しい FOUC を停止する最善の方法は何ですか?
ありがとう!
詳細:
Google が提供する Javascript メソッドを使用して、使用する 3 つのフォントを挿入しています。'Istok+Web:700:lating' を読み込んでいることがはっきりとわかります。これは、700 の重みのみを指定する必要があることを意味します。
この方法のために、私は @font-face をまったく使用しません。普通のものであるかのように単純に font-family です。
ただし、LESS.js を使用していますが、ネットワーク アナライザーからは、大幅な速度低下は発生していないようです。
javascript - Google フォントが正しく読み込まれない
誰かが私のためにこれをチェックしてもらえますか?
Firefox を除くすべてのブラウザーで定義されている動作は、web フォントが読み込まれるまで非表示になることです (ただし、スペースは節約されます)。
私がテストできる Chrome と IE9 では、奇妙なバグが見られます。IE9 はそれを最もよく示しています。
ページが読み込まれると、ヘッダー テキストが表示されます。その後、Web フォントが読み込まれると、ヘッダー テキストが一瞬見えなくなります。
奇妙なことに、最初にフラッシュされるフォントは Web フォントだと思います。
IE9 では背景が更新されないため、テキストが非常に簡単に奇抜になることがわかります。
ここに私が取り組んでいるデモサイトへのリンクがあります:-----
助けてくれてありがとう!
google-chrome - Sans Google Web Fonts レンダリングを Chrome で開く
Chrome から Safari/Firefox への Open Sans (Google Web Font) のレンダリングに大きな違いがあることに気付きました。2 枚の写真を添付します。1 枚目はクロム、2 枚目はサファリです。
スタイルシートにあるのは次のとおりです。
私はクロム(最初の画像)のレンダリングが本当に好きですが、他のものは嫌いなので、助けていただければ幸いです!!
html - Google Web Fonts のエンコード/レンダリングの問題
Google WebFonts の問題を解決しようとしています。それらのフォントSignikaを使用したいと考えています。ご覧のとおり、Š、Ů 宣言/実装などの文字があります。ただし、当社のWeb サイトでは、これらの文字はレンダリングされず、標準的なものであり、DOMŮという単語では文字Ůが別のフォントで表示され、 DALŠI では文字Šが別のフォントで表示されます。これに対する解決策はありますか?これらのタイプの文字のエンコーディングを宣言する必要がありますか、それともどこに問題があるのでしょうか?