デザイナーがカッパープレートを使用したサイトのカンプを送信しました。Googleフォントまたはフォントリスキットのいずれかに存在する優れた代替案を誰かが提案できるかどうか疑問に思いました(

よろしくお願いします

ここに画像の説明を入力してください

コメント

  • スクリーンショットを見せていただけますか?私は手足に出て、使用するのに適したフォントがあると言います(´銅版はあまり好きではありません:))しかし、私は´とにかく別の方法を探します。
  • 代わりにウェブフォントを使用できますか?
  • @ e100希望します;)グーグルフォントは素晴らしいです。問題は一部のブラウザでレンダリングされる可能性があります。
  • 正確にはどのブラウザですか? WebフォントはIE7に戻ってサポートされていました。モバイルは、'オペラミニを使用していない限りウェブフォントを処理できます。ロード時のJavaScriptベースのディメンション計算にピクセルサイズのメトリックが必要でない限り(これは非常に難解な要件です)、'ウェブフォントで問題ありません。

回答

別の方法があります。完璧ではありませんが、カッパープレートに近いです。

バルタザール: http://www.google.com/webfonts/specimen/Balthazar

ここに画像の説明を入力

回答

自分の質問に答える、使用することにしたフォントは

Alegreya SC

http://www.google.com/webfonts/specimen/Alegreya+SC

ユーザーがマシンに主要なカッパープレートファミリーを持っていない場合のバックアップとして使用します。

ご協力いただきありがとうございます。

ここに画像の説明を入力

コメント

  • that 'は実際にはCopperplateのようなものではありません。確かに、Copperplateは'最初から常に最適なオプションではありません。特に、'本文のコピーについて話します。

回答

実際のフォントの使用について懸念がある場合は、 @ font-faceキットを作成するだけです自分自身がCopperplateGothicを使用しています。

主要な問題である@ font-faceの唯一の問題は、サイトのパフォーマンスに深刻な影響を与える可能性があることです。

コメント

  • これは以前は解決策でしたが、最近、特定のブラウザのキットファイルに問題があり、最高のキットジェネレータを備えたフォントリスがまっすぐにブロックされていることがわかりました。一部のキットフォームが生成されています。提案は+1ですが、これは良いものであり、これ自体はWeb開発者の交換ではないためです。キットの最善の策は、フォントリスからコンパイル済みのキットを入手することです。
  • 'フォントのライセンスを適切に取得せずに、フォントフェースキットを作成することはできません。 Web用。

回答

これが、GoogleWebフォントで見つけた最高のものです。 Syncopate Cantarell ;両方を太字で使用することをお勧めします。もちろん、セリフを除いては近くにありますが、正直なところあまり魅力的ではありません。

ここに画像の説明を入力してください

ここに画像の説明を入力

コメント

  • しません'どちらもCopperplateGothicのようなものだとは思いません。
  • リンクが表示されたので、´正しいと思います。グーグルウェブフォントの選択部分にCOPPERFIELDと入力しました。試してみると、´それらに特徴があることがわかります。
  • もちろん大文字と太字のみ;)
  • @ Jannik、よろしくお願いします。 Cantarellはまともな代替案のようです。

回答

他の回答で提示されている代替案は、Copperplateとはあまり似ていません。密接に、主にジオメトリで。ハイブリッドアプローチは、フォントスタックの一番上にCopperplateを含め、フォールバックを使用することです。cssfontstack.comによると、CopperplateはほとんどのWindowsおよびMacintoshコンピュータにインストールされています。 http://www.cssfontstack.com/Copperplate

アイデアを探してここに来ました。これは、同様の問題で採用するアプローチです。

回答

Libre Baskervilleを試し、フォント間隔を1pxに増やしましたが、かなり近いと感じました。

https://www.google.com/fonts/specimen/Libre+Baskerville

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です