字体不适用于所有标签元素

Question

当我将样式 "font-family: 'Bevan', cursive" 放入 .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

如果没有你CSS，很难知道到底出了什么问题。

我建议您在为 label 和 .label 定义字体后添加 !important。但是请注意，这是一个通用修复，尽量减少 !important 的使用。

Answer 2

没看懂这些字符Ваше имя。

您需要用其他字符更改 Ваше имя 文本。

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 字体不支持您的字符集（西里尔文？）更改您的字体

字体不适用于所有标签元素

Font does not apply to all label elements

html

css

forms

markup