1

i am facing font type issue in text area, text area font is not inheriting the font which i have defined in my body. textarea is displaying different font text and make the screen looks odd

body {
    font-family: "Times New Roman", Times, serif;
    width: 100%;
    height: 100%;
    margin: 0%;
    padding: 0%;
}

font family is different

i have tried adding below css

textarea {
   font-family: inherit;
   font-size: inherit;

}

but doesnt work for me. even inline style doesnt worked.

pappu_kutty
  • 2,378
  • 8
  • 49
  • 93
  • No, its not duplicate, OP has already used solution mentioned there. @pappu_kutty have you tried directly adding font-family for textarea instead of inherit? – 4dgaurav Jun 08 '14 at 14:44
  • 1
    @Gaurav it is a duplicate - BoltClocks' answer in the other question is the solution. – Rory McCrossan Jun 08 '14 at 14:47
  • Put it in your css: textarea { font-family: "Times New Roman", Times, serif; } – Aiswarjya Jun 08 '14 at 14:55
  • This is an example of working code try this....(note i commented out the textarea styling !!!)

    Text that sits here and is not changed!!

    – Reign Jun 08 '14 at 15:12
  • i have added this body,button,input,select,textarea { font-family: "Times New Roman", Times, serif; margin: 0; font-size: 100%; vertical-align: middle; } and it worked – pappu_kutty Jun 08 '14 at 15:58

0 Answers0