CODEWITHSUNDEEP
cssipadtextinput
Simranjit Singh
Simranjit Singh

Reputation: 592

Input text box in IPad safari browser showing times new roman as font

I am working on a website. Viewing the site in IPad is always showing font Times New Roman with i guess font-size 6 or 7. Though i have never mentioned this font in my css. Rest all labels are coming up fine in 'Segoe UI' font as expected. The site is working fine in Desktop browsers, even i safari on my desktop. But for IPad, its showing Times New Roman.

I have tried this link's plugin and seen the output in an alert, its showing fontFamily as 'Segoe UI' only but the font is not that.

Also tried this but not working.

Also tried putting up inline style with !important attribute in css, but same.

Can somebody help me on what am i doing wrong or what i might add/remove to correct the behavior?

EDIT: Code i tried separately here is also not behaving expected on my IPad atleast, its not showing Segoe UI as font for sure. But in my desktop browser its showing Segoe UI.

<input type="text" value="imjgnsdnbf" style="font-family:Segoe UI; font-size:20px;" />​​​​​​​​​​​​​​

Could this be my IPad specific setting?

Upvotes: 0

Views: 1112

Answers (1)

Simon Dragsb&#230;k
Simon Dragsb&#230;k

Reputation: 2399

Segoe UI is a windows font, and ipad is apple product!

So you have to include the font with something like font-face

*Edit To select a input field in css

input[type=text]

Upvotes: 1

Related Questions