2017-02-27 2 views
0

FirefoxはOpen Sans Semiboldを適切にレンダリングしません。しかし、Chromeの同じコードがフォントをレンダリングします。フォントが私のシステムにインストールされています。フォントウェイトプロパティを使用せずにレンダリングすることは可能ですか?フォントの太さプロパティを使用せずにFirefoxでOpen Sans Semiboldをレンダリングする方法

<html>
<style>
p{
font-family:"Open Sans Semibold";}
</style>
<body>
<p >test</p>
</body>

</html>
+0

どのようにあなたのフォントをロードするかを試してみてください?同様の問題:http://stackoverflow.com/questions/6532458/open-sans-condensed-light-not-working-in-firefox – Christophvh

+0

フォントがシステムにインストールされています。それはリブレオフィスでも見えます。 –

答えて

1

フォントがインストールされている場合は、font-weightに渡されたプロパティーをfont-familyで指定する代わりに、値600で渡​​します。

例:

p { 
font-family: 'Open Sans',sans-serif; 
font-weight:600; 
} 

・ホープ、この作品..

+0

うん、それは正しく動作します。しかし、Open Sans Semiboldをフォントファミリで指定するだけでそれを行うことは可能ですか? Google Chromeは正しく表示します。 –

+0

font-familyプロパティを使ってfirefoxのフォントの太さを指定することはできないと思います。 font-weightを使用するのは、その仕事がフォントの重量を指定するためです。 –

0

この

body{font-family:"Open Sans"} 
 
h1{font-weight:400} 
 
h2{font-weight:600} 
 
h3{font-weight:700}
<html> 
 
<head> 
 
\t <title></title> 
 
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"> 
 
</head> 
 
<body> 
 
    <h1>Test one</h1> 
 
    <h2>Test two</h2> 
 
    <h3>Test three</h3> 
 
</body> 
 
</html>

関連する問題