CODEWITHSUNDEEP
htmlcssformsmarkup
I.Rayetzki
I.Rayetzki

Reputation: 33

Font does not apply to all label elements

When i put a style "font-family: 'Bevan', cursive" to .label, it applies only to email label. Help!! Got some markup here:

<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>

Upvotes: 0

Views: 162

Answers (4)

Văn Tuấn Phạm
Văn Tuấn Phạm

Reputation: 659

It did not understand these characters Ваше имя.

You need change the Ваше имя text by other characters.

Upvotes: 0

Pepo_rasta
Pepo_rasta

Reputation: 2900

Your google font does not support your charset( cyrillic?) change your font

Upvotes: 1

Head In Cloud
Head In Cloud

Reputation: 2051

it is working

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>

Upvotes: 0

Stranger26
Stranger26

Reputation: 678

It will be hard to know what is wrong exactly without ur CSS.

I would recommend you to add !important after defining you font for label and .label. However do note that this is a generic fix, try to reduce usage of !important as much as possible.

Upvotes: 0

Related Questions