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

Webフォントに関する質問。オンラインリソースは、Webサイトのデザインで信頼性の高いさまざまなフォントを可能にするために特別に開発されました。Webフォントは、ブランドのアイデンティティを定義するだけでなく、サイトにユニークでスタイリッシュな外観を与えるのに役立ちます。Webフォントを使ったデザインやWebフォントについて何か質問があります。

11
無料の「Helvetica Neue」の代替手段はありますか?
Helvetica Neue(商用利用は無料)に類似した他のフォントを知っている人はいますか? 「Helvetica Neue」を多用する大きなウェブサイトプロジェクトに取り組んでいます。私はほとんど同じように見え、個人用および商用用に無料で、copytextで使用した場合でも見栄えの良いフォントが必要です(たとえば、copytextのfontsize = 11px、headlines = 16pxの場合)。 また、圧縮フォントスタイルを含める必要があります(可能な場合)。



6
Google Web FontsをSVGに埋め込むにはどうすればよいですか?
HTML5、CSS3、SVGなどの新しいWebテクノロジーの利点について、私のサイトで記事を書いています。後者の利点の1つは、そうでなければ効果的な画像のテキストを選択できることです。 私はSVGが初めてで、Illustratorで最初のまともなグラフィックを作成しました。タグにUbuntuフォント用のGWFスクリプトを含むページに埋め込みました。結局のところ、Ubuntuフォントは通常のテキストで正しく表示されますが、このトリックをSVGで機能させるには、GoogleスクリプトをSVG自体に埋め込む必要があります。これどうやってするの?
48 svg  web-fonts 


4
最も近いGoogleフォントを見つけるためのオンラインツール
作成したWebサイトでGoogle Fontsを使用すると便利です。 クライアントの要件に一致するように、特定の商用フォントに最も近いGoogleフォントを見つける必要があることがよくあります。 この種の質問は、GoogleフォントのHelvetica Neue Equivalentなどの特定のフォントではかなり一般的ですか?しかし、画像をアップロードして商用フォントの例を表示し、ツールに3つの最も近いGoogleフォントを表示させるオンラインツールはありますか?

4
サイトのSVG画像でカスタムフォントを使用するにはどうすればよいですか?
Inkscapeを使用してカスタムFacebookアイコンを作成し、svgとして保存しました。これは、ページのタイトルと同じフォントを使用し、CSSファイルで.woffとして参照した「ubuntutitling-bold-webfont」フォントを使用します。タイトルは機能しますが、svgは機能しません。 "f"が何らかのデフォルトフォントで表示されます。フォントファイルは、CSSおよび画像ファイルとの相対関係では../fonts/ubuntutitling-bold-webfont.woffにあり、Webページとの相対関係ではfonts / ubuntutitling-bold-webfont.woffにあります。 私は泉、私はSVGにGoogleウェブフォントを埋め込むにはどうすればよいですか?、しかし、必要に応じてコードをSVGに適用する方法について少し混乱しています。SVGは、CSSファイルで参照されている.woffフォントを使用できますか?SVGファイル内のフォントを手動で変更した方法は正しいですか? SVGのコードは次のとおりです。 <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="80" height="80" id="svg2" version="1.1" inkscape:version="0.48.3.1 r9886" sodipodi:docname="New document 1"> <defs id="defs4" /> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1" inkscape:cx="26.573808" inkscape:cy="42.478414" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" fit-margin-top="0" …
28 css  svg  web-fonts 

2
SEOに関するWebの合字の効果は何ですか
すべてのデザイナーは合字が大好きですが、バニラのウェブタイポグラフィはただひどいものです。私はそれらの問題の多くを解決し、セクシーな引用符、豪華なアンパサンドなどをもたらすスマートピアントのことを聞きました。視覚的には完璧です。 しかし、私はSEOが心配です。Webページで言うと、単語はにfinallyなりfinallyます。検索エンジンは、その単語にインデックスを付けて、検索時にfinally(合字なしで)ページを返すことができますか?

3
フォントのヒントはまだ関連していますか?
私はヒントの関連性についてグーグルで記事を書いてきましたが、私が読んだ記事のほとんどは、せいぜい2011年、最悪の場合は90年代に遡ります。 ヒントは2017年以降も引き続き関連していますか?いつ廃止されるのでしょうか? 現在、非常に高解像度のディスプレイが用意されており、フォントは通常、画面表示用でも印刷用でも、とにかく一定のサイズの固定点に設定されています。ヒントは、非常に小さなサイズと非常に低解像度のディスプレイのみをターゲットにしているように見えますが、これは私にとって困惑していますまた、「ヒップ」ウェブサイト用のフォントを選択する際に、昔ながらの低解像度ディスプレイを気にする必要はないと想定しています。 編集:このサイトで使用される継承は、9に設定されていますか?(すべてのWebフォントは正しくヒントされるはずですか?)ヒントや画面のために読みやすいかどうかはわかりません。前者が理由であれば、たぶん私はばかげた質問をしているだけかもしれません。

4
Webフォントとは何ですか?また、1つに変換するには何が関係しますか?
私はこれについていくつかの記事を読みましたが、Webフォントとデスクトップフォントの実際の技術的な違いからはまだ逃れられません。このトピックを読むほど、ウェブフォントとは何かを明確に技術的に定義している人は誰もいないと感じます。 FontSquirrelなどのWebフォント生成サービスに「デスクトップ」フォントをアップロードすると、それらのサービスはフォントファイルをWebフォントにするために正確に何をしますか?これらのサービスの主な用途がさまざまな形式への変換である場合、2019年時点で合理的な数のブラウザーをサポートするために、現代のWebでは実際にどの形式が必要ですか?



6
良いモノスペース、凝縮されたオープンソースの書体?
多くの列を含むレポートテーブルに最適な書体を探しています(凝縮の理由)。 等幅の理由は、これらのレポートには多数の数値が含まれるため、すべての行にまたがって配置する必要があるためです。 オープンソースにする必要があるのは、これらのレポートをWebアプリケーション内に表示するため、Webフォント(@ font-face)として埋め込まれるためです。 私はAnka Coderを見ましたが、好きではありません0。 更新: 私はついに、等幅の数字を持つOpen Sans Condensed Lightに落ち着いたので、私のユースケースには十分です。ご意見ありがとうございます!

8
Trebuchet MS Webフォントの代替
ラテン文字とキリル文字でTrebuchet MSフォントを使用しているかなり古いサイトがあります。私が正しく理解していれば、一度(10年前)このフォントはWebブラウジングに使用されるコンピューターの95-99%のように利用でき、それを使用しても大丈夫でした-最近では無数のデバイス(つまり、Android、iOS、Linuxベースのデバイス) )それを持っていない。理論的には、MicrosoftのWebサイトからダウンロードしてコンピューターごとにインストールできますが、再配布すること、つまりWebフォントを作成することはできません。 そのサイトを更新し、ダウンロード可能なWebフォント(できれば無料のWebフォント)を使用します。誰かがTrebuchet MSの良い代替品を提案できますか?

4
読書体験を改善するための最高のフォント
私は、主な目的がコンテンツ(議会)の提供を目的とするWebサイトを構築しています。ユーザーに最高の読書体験を提供したいと考えています。以下のサンプルページをご覧ください。 http://iura.cl/cc/44 ご覧のとおり、私はすべてTelex Webfontを使用しています。まぶしさを軽減する夜間読書のオプションもあります。 http://iura.cl/cc/44?estilo=nocturno 遵守するガイドがあれば、読みやすくするために選択したフォントについて何を考慮する必要があるのでしょうか?

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.