私はアウトラインのあるフォントを持っていますが、CSSでカラーを埋めたいと思っています。以下のように、私は<a href="http://www.dafont.com/batman-forever.font" rel="nofollow noreferrer">this batman font</a>使用して尋ねてみ概説作成しようとしています

それに色を充填することができる：私はアウトラインのあるフォントを持っていますが、CSSでカラーを埋めたいと思っています。以下のように、私は<a href="http://www.dafont.com/batman-forever.font" rel="nofollow noreferrer">this batman font</a>使用して尋ねてみ概説作成しようとしています

私はこの使用してCSSを行うことができますどのように

？

出典

2017-01-05 Sumer Singh

https://i.stack.imgur.com/zsOvc.png –

ここフォントhttp://www.dafont.com/batman-forever.font –

こんにちはシュメールです。スタックオーバーフローへようこそ。投稿を編集して、投稿に画像を含めることができます。 – dwjohnston

フォント自体にアウターラインがあるため、テキストに色を追加するだけでアウトラインフォントにcolor:red;を追加するだけです。例については

：

<h1 style="font-family: myFirstFont; color:green;">FONT <span style="color:red;"> COLOR</span></h1>

あなたの結果Here what you are looking for

出典

2017-01-05 05:51:17 user7357089

あなたはフォントでCSS3を通じて

使用テキストシャドウ

この参照色を埋めることはできません。

を

check image

<html> 
<head><title></title></head> 
<style> 
body{font-family:BatmanForeverAlternate;color:#333333;font-size:48px;text-shadow: -1px 0 #ff0000, 0 1px #ff0000, 1px 0 #ff0000, 0 -1px #ff0000;} 
p span{color:#ff0000;text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0 -1px #333333;} 
</style> 
<body> 
<p>T<span>A</span></p> 
</body> 
</html>

出典

2017-01-05 06:36:49

あなたがtext-strokeを使用することができ、文字のストロークを設定するには、このプロパティはIEでサポートされていませんのでご注意下さい。

また、SVGを使用することもできます。

h1 { 
 
    font-size: 150px; 
 
    font-family: "Arial Black", Gadget, sans-serif; 
 
    color: rgba(255, 255, 255, 0.0); 
 
    -webkit-text-stroke: 5px gray; 
 
} 
 
h1 > span { 
 
    -webkit-text-stroke: 5px red; 
 
}

<h1><span>T</span>A</h1>

出典

2017-01-06 09:09:58 GibboK

答えて

関連する問題