Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Developer
songdawg
Posts: 59
Registered: ‎06-08-2011
My Device: n/a
Accepted Solution

Italic appears as bolded

In my webworks application, <i>text</i> displays text that is italicized and also bolded. This also occurs in the Blackberry Browser. This is on BB Bold 9780 6.0.0.666 and BB Bold 9900 7.0.0.585. I tried to override it by using the following css but it did not make a difference.

 

<style type="text/css">i {font-weight:normal;}</style>

 

Is there a way to render italics as not bolded?

Developer
billbsb
Posts: 144
Registered: ‎03-25-2011
My Device: Playbook, Z10 L.E.

Re: Italic appears as bolded

Hi songdawg,

 

Try to force your CSS rules with !important. I'm not sure if it will work though because it might have other !important uses.

 

Let us know if it works.

Cheers!
Regular Contributor
BertKoor
Posts: 81
Registered: ‎03-09-2012
My Device: PlayBook & Bold 9780

Re: Italic appears as bolded

Sounds like a problem in the font. Possibly in this font italic is also bold, so it's then out of your control.

 

Which font family do you use?

Developer
songdawg
Posts: 59
Registered: ‎06-08-2011
My Device: n/a

Re: Italic appears as bolded

Thanks for the suggestions.

 

I tried !important but it didn't change and the italicized text is still bolded.

<style type="text/css">
i {font-weight:lighter !important;}
</style>

 

The font family I am using is font-family:Arial, Helvetica, sans-serif; I will try another font to see if that is the issue.

 

Any other suggestions?

 

Developer
songdawg
Posts: 59
Registered: ‎06-08-2011
My Device: n/a

Re: Italic appears as bolded

The italics are not bolded when I use a different font such as Times New Roman.

 

<style type="text/css">
i { font-family:"Times New Roman", Georgia, Serif !important;}
</style>

 

Does anyone know why using Arial would bold the italics and how I can override that?

 

Thanks!