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，很难知道到底出了什么问题。

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

Answer 3

它不理解这些字符Ваше имя。

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

Answer 4

它正在运作

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>

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

4 个答案: