フォントはすべてのラベル要素には適用されません

Question

スタイル「font-family： 'Bevan'、筆記体」を.labelに入力すると、電子メールラベルにのみ適用されます。助けて！！

<link href="https://fonts.googleapis.com/css?family=Bevan" rel="stylesheet"> 
<form action="#" name="user-form" class="form"> 
<div class="form" id="us_name"> 
    <label for="user-name" class="label">Ваше имя</label> 
    <input name="user-name" placeholder="Type your beautiful name ^_^" value="" required /> 
</div> 
<div class="form" id="us_mail"> 
    <label for="user-email" class="label">Email</label> 
    <input type="email" id="email" name="email" placeholder="Your email goes here ;)" value="" required /> 
</div> 
<div class="form" id="submit"> 
<input type="submit" value="Отправить" /> 
</div> 
<div class="form" id="message"> 
<textarea name="message" rows="8" cols="40"></textarea> 
</div> 
</form> 

Answer 1

これらの文字を理解できませんでしたВаше имя。

他の文字でВаше имяのテキストを変更する必要があります。

Answer 2

ウルCSSなしで正確に間違っているかを知るのは難しいだろう： はここにいくつかのマークアップを手に入れました。

labelと.labelのフォントを定義した後、!importantを追加することをおすすめします。しかし、これは一般的な修正点であることに注意してください。可能であれば、!importantの使用量を減らそうとしてください。

Answer 3

それは

label{ 
 
    font-family: 'Bevan', cursive; 
 
}

<link href="https://fonts.googleapis.com/css?family=Bevan" rel="stylesheet"> 
 
<form action="#" name="user-form" class="form"> 
 
<div class="form" id="us_name"> 
 
    <label for="user-name" class="label">Ваше имя</label> 
 
    <input name="user-name" placeholder="Type your beautiful name ^_^" value="" required /> 
 
</div> 
 
<div class="form" id="us_mail"> 
 
    <label for="user-email" class="label">Email</label> 
 
    <input type="email" id="email" name="email" placeholder="Your email goes here ;)" value="" required /> 
 
</div> 
 
<div class="form" id="submit"> 
 
<input type="submit" value="Отправить" /> 
 
</div> 
 
<div class="form" id="message"> 
 
<textarea name="message" rows="8" cols="40"></textarea> 
 
</div> 
 
</form>

Answer 4

を働いているあなたのGoogleのフォントが（キリル文字を？）あなたの文字セットをサポートしていないフォント