タグ付けされた質問 「web-fonts」

現在、マオリ語（ニュージーランド）を使用するWebサイトを開発しています：https : //en.wikipedia.org/wiki/M%C4%81ori_language 正しい発音のために、マオリ語の書かれた形式はマクロンを使用します-母音上の水平線は長母音を示します。 私たちの問題は、ほとんどのWebフォントがマクロン文字をある種のデフォルトに戻すように見えることです。以下は、マオリ語で（想定される）デフォルト動作がどのように現れるかを示しています。 マオリ族のマクロンを正しくサポートするWebフォントのリストがあればいいのですが、Googleで見つけることができませんでした。 リストは存在しますか、またはマオリのマクロンでどのWebフォントが機能するかを簡単に判断する方法はありますか？

12 font-recommendation  web-fonts 

グーグルはeverythingfonts . com、少なくとも過去2日間はダウンしていますが、しばらくダウンしている可能性があります。 グーグルの"woff2 to ttf" -everythingfonts結果は驚くほどほとんどなく、そのすべては役に立たない。 （WOFF2）Webフォントを（True Type）デスクトップフォントに変換するにはどうすればよいですか？

12 fonts  web-fonts  save  file-format 

Macでwebfontファイル形式（ttf、woff、woff2、eot）を表示する方法を知っている人はいますか？ いくつかのファイルが送られてきましたが、すべての形式が正しいことを確認できるように、それらを表示したいと考えています。

12 web-fonts  file-format  mac 

特定のWebフォントの組み合わせを使用する場合の長所と短所を比較検討しており、初めての訪問者がこのサイトに追加する重みを正確に調べています。これはGoogleフォントで、ラベルが付けられたSVGメーターPage loadに字幕が付いていますImpact on page load time（例）： したがって、このWebフォントの組み合わせは118 ...ページの読み込み時間に影響しますか？その番号は完全にラベル付けされていないようです。 それは何ですか？118キロバイト？平均接続に基づく118ミリ秒？テキストが表示されるのを待って座って歯を噛み締めるストレスから、ユーザーの寿命から118日が経過しましたか？ 手がかりが見えません。わかりやすいラベルや要素IDを探して、グラフィックのSVGコードを調べました。最も近いものはsvgタグ自体にあります- aria-label="A chart."と、奇妙な隠しタグが言っていGViz is greatます。 私が調べていた2つの重みの実際のtffファイルは、圧縮されていない状態で251 kbを結合したものなので、圧縮された重み（KB）である可能性があります。

11 web-fonts  google 

CSSでフォントを太字にするには、基本的に、font-family属性を使用する方法とfont-weight属性を使用する方法の2つの方法があります。 たとえば、Ralewayフォントを使用していて、cssを介してLight、Regular、Semibold、Boldのバリアントを読み込んだとします。h1{font-family: 'Raleway Bold'}またはに設定することで、単純な見出しを太字にすることができますh1{font-weight: 700}。 どちらがより正しいですか、またはどちらも同じですか？

9 css  web-fonts  html 

ブランドガイドラインでは、書体としてGothamとArialの使用を指定しています。これまでに、WebでGothamを使用した経験はさまざまです。 Arialを使用する代わりに、Gothhamの代わりに磨きがかけられていないので良いとは思えませんが、Proxima Novaは最良のオプションの1つであるように見えますが、他のオプションは考慮しなかったかもしれません。 私の比較： ゴッサム対プロキシマノヴァ（大文字のMと数字の3は最も異なります） GothamとProxima Sansの比較（大文字のMと数値3は最も異なります） Proxima NovaはProxima Sansとほぼ同じです ゴッサムvs.アリモ（大文字のQ、M、および数字の1、3は最も異なる0 ゴッサム対モントセラト（大文字のQ、M、数字の1が最も異なる） 私は、Proxima SansとMontserratが適切な代替品になる可能性があると結論づけます。Montserratは、ウェブ上で安全なGoogleフォントです。 オープンライセンスがあり、Gothamの代替として使用できる人気のあるWebフォントは何ですか。

8 typefaces  web-fonts 

最も広い範囲の文字をサポートするフォントはどれですか？（Helvetica Neue LT W1Gのように） 25か国以上に存在するウェブサイトで作業する必要があり、ウェブフォントとして使用できるものを探しています。 更新：状況をさらに悪化させるには、Windowsでのがらくたのように見えないように、サブピクセルヒントが必要です。

8 web-fonts  font-recommendation 

提案されたウェブサイトの画像があります。 ピクセルをカウントして、テキストに設定するpxのfont-size値をどのように計算しますか？ たとえば、フォントサイズ：14px（Arialで）がありますが、「L」の上から「p」の尾まで数えます。「L」の10ピクセルを数えます。 「p」。これは明らかに私には与えられません14。 ピクセルを確実にカウントしてfont-size値を計算する方法はありますか？

8 font-size  website-design  web-fonts 

したがって、私は、プログラムによって生成/変更されたSVGとPhantomJS（現在1.9.0）を最終的なレンダリングエンジンとして使用して、ヘッドレスLinux環境で問題なく実行されているグラフィックスオートメーションチェーンを持っています。動的テキストの置換要件があり、その結果動的フォントのスケーリングと調整のニーズがあります...私は埋め込みSVGフォントといくつかのくだらない埋め込みJavaScriptを使用してきましたが、次の2つを除いて正常に機能します。 1）クライアントは合字のフォントを要求します（SVGフォント形式はサポートしていません）。 2）ライブプレビューオプションを検討しています。事前にサーバー上でpng / jpeg /をレンダリングせずに、SVGをWebページまで提供できるようにしたいと考えています。負荷を抑え、クライアントのCPUに負荷のかかる処理をすべて実行させます。 これらの問題のために、SVGフォントのサポートがそれほど良くなかったため、WOFFフォントをいじってみました。クライアントが必要な場合は、Blinkエンジンに切り替えると、Chromeでこれらのフォントがサポートされなくなります。できる限り多くの一般的なブラウザと互換性のあるものが必要です... だからここに問題があります：WOFF（またはOFTまたはTTF）フォントと@ font-face関数を使用すると、自動スケーリングが失敗します。 私がしていることは、グラフィックのSVGフォントをdefsに埋め込み、他のSVG要素のようにDOMで参照することです。これは、次のようなJavaスクリプトと組み合わせると、私が期待し必要なことを行います。 <script id="multiscaler1" type="text/javascript"> var texta = document.getElementById("text8093"); var textb = document.getElementById("text8100"); var textpatha = document.getElementById("textPath8097"); var textpathb = document.getElementById("textPath8104"); var patha = document.getElementById("path8091"); var pathb = document.getElementById("path8089"); var charcounta = textpatha.getNumberOfChars(); var charcountb = textpathb.getNumberOfChars(); var fontsizea = 10; var …

7 fonts  svg  web-fonts  resize  javascript 

私のようなグラフィックデザインの初心者は、フォントのテクニカルデザインを支払う前にどのように評価できますか？ 何を検討する必要があるのか​​、また最初に購入せずにテストする方法がわからない。 商用目的で使用するのに十分な高品質であるかどうかを判断するには、フォントのどの技術的側面をチェックする必要がありますか？

7 fonts  web-fonts 

免責事項： この質問には完璧な「公式」がないことに気づきました。私はあなたの経験的な労働慣行を探しています。あなたが持っていない場合、私はあなたに対してそれを保持しません。 ここ数年で、Webフォントがついに主流になりました！ブラウザーのサポートは十分であり、デザイナーが優れた可能性の範囲を広げるほど市場は拡大しています。 Webフォントを使用するパフォーマンス重視のクライアントにとって、ビジュアル/ブランディングを超えたいくつかの素晴らしい利点があります。 今日の質問は、次のとおりです 。どの時点で、ライブHTMLテキストからグラフィックスに移行しますか？特に、高いパフォーマンス要件（トラフィックの負荷、ロジック、サードパーティのアセットの読み込み）を伴うサイトのコンテキストでは。私は現在、いくつかのプロジェクトで一線を画しており、場合によっては決定に苦労しています。他の人が考え出した公式は何かと思います。もしあれば。 私たちはいくつかの要因のバランスをとる必要があります（私はもっとあることを知っています）： 表記の完全性 サーバーへのアセットリクエスト SEOとアクセシビリティ レスポンシブデザイン（該当する場合） さらに複雑なことに、レンダリングはブラウザとOSによって大きく異なります。たとえば、IE 8と9を比較するか、より劇的にOS XとWindowsを比較してください。明らかに、あなたの市場はそれらの問題のいくつかに対する懸念を否定するかもしれません（残念ながら、私はいくつかのプロジェクトでIE7に大きなサポートをしています）。また、Firefoxではwebfont OpenType機能のサポートは非​​常に優れていますが、他のほとんどすべての機能にはまだ遅れをとっています。

7 website-design  typography  web-fonts