it-swarm-ja.com

Drupalのカスタムフォント

Drupal 7サイトでOmegaサブテーマを使用していますが、デフォルトのフォントをカスタムフォントに変更したいのですが、どうすればよいですか?

5
user6030

この質問は6か月以上前のものです。カスタムフォントを追加するための最善の解決策は、 @ fontyourface モジュールを使用することです。

13
iStryker

@dibsが示唆しているように、 Google Webfonts を強くお勧めします。

Omegaサブテーマにウェブフォントを含めるためのコードは次のとおりです。

function omega_preprocess_html(&$variables) {
  drupal_add_css('http://fonts.googleapis.com/css?family=Lato',array('type' => 'external'));
}

それをあなたのsites/all/themes/your_omega_sub_theme/template.phpファイルに追加してください。

URLはgoogle webfontsが提供するものです(フォントを選択して[クイック使用]をクリックします)。または、別のオンラインフォントサイトを使用することもできます。

フォントがインポートされたので(「Lato」を使用しました)、次のようなものでサブテーマを編集できます。

body {font-family: 'lato'}
8
Coomie

@ font-your-face は、drupalサイトでフォントを使用するのに最適です。フォントを有効にして、cssファイルに変更を加えるだけです。これで完了です。

6
sms 4luv

カスタムフォントを使用する場合は、font-faceを試してみてください。

このテクニックの詳細については here を参照してください。

Font-faceフォントを作成したら、テーマCSSファイルを使用して、このフォントを任意の要素に設定する必要があります。

Cufón ライブラリを使用することも検討できます。そのためのDrupal module を見つけることもできます。

Cufónライブラリは、キャンバスタグを使用してフォントをレンダリングします。これにより、テキストを選択できなくなります。 Fontfaceは、はるかに柔軟なソリューションです。

3
Alex Petrov

Webサイトで非標準のフォントが必要であり、それらを使用する場合のコピーライトが不明な場合は、typkit.comなどのフォントWeb配信業者を試してください。彼らはあなたが彼らのフォントのどれでも使うことができる計画を持っています、そして彼らはあなたのためにコピーライトを整理します。これをdrupal 7に実装するモジュールもあります。

0
Wheelz