2017-08-25 9 views
2

CSSのフォントファミリの中で、フォントのフォントサイズを選択的に定義する標準的な方法は何ですか?例えばプロジェクト全体のカスタムフォントのフォントサイズをCSSで定義する

、私はmy_fontは以下の短手を経て25pxサイズで表示されていしようとしています:

body{ 

font-family:helvetica,'my_font',arial,sans-serif; 

font:helvetica,25px 'my_font',arial,sans-serif; 

} 

言うまでもなく、これは動作しません。

+0

使用 'フォントサイズ:20ピクセル;'またはあなたが 'を好む場合em'は'フォントサイズを使用:1.4em; 'Jorden1337 @ – Jorden1337

+0

:のみ' my_font'のフォントサイズを変更するために探して、宣言された家族の他のフォントのものではない。 –

+0

あなたのhtmlに応じて、異なるコンテンツ領域を選択して一意のフォントスタイルを与えることができます。たとえば、ヘッダー、.main-content、およびフッターがある場合は、cssで希望するように本体のフォントをスタイルすることができます。 –

答えて

1

私は答えがノーだと思います。 font-familyのアイデアは、それが単一のバージョンまたはサイズではないフォントのファミリーだということです。

あなたができることは、そのフォントを使用する各クラスまたはCSSの選択にfont-sizeを追加するだけです。

+0

それはかなり酷いです。このフォントはかなり普及しており、大規模なプロジェクトです。 –

+0

私はあなたに愚かな答えを与えることを憎むが、私達はある。たぶんあなたは見つけると置換をすばやくすべてのフォントサイズを追加することができますか? –

-1

これは@font-faceプロパティです。これは、複数のフォントファミリを定義したり、好みの種類のフォントを変更したりすることができるプロパティです。 http://www.font-face.com/#green_content

+0

'font-face'は' my_font'のフォントサイズを設定しようとした最初の場所でした。それは私のために働いていない。 'font-face'が' font-size' attrを受け入れるようには思われません –

+0

'font-size'は' @ font-face'で使用できる属性ではありません –

+0

ええ、赤。私の悪い。それが助けになると思った。私は間違った答えを与えたと思う。 –

1

は、私はあなたがあなたのフォントとフォントサイズを指定し、それを使用するクラスを宣言すべきだと思う:それはこの

body { 
 
@font-face { 
 
    font-family: 'my-font'; 
 
    src: url(path-to-font); 
 
    font-size: 24px; 
 
} 
 
}

のようなものが、ここでそれについての詳細を読む行きます具体的にあなたが望む場所。たとえば、次のように

<div class="myclass"> 

.myclass { 
font-family: 'myFont', 
font-size: your-size 
}