ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• September 23, 2015 at 9:22 am #215638
  camind

  Member

  Post count: 228

  Hi guys,

  For some reason when using this css code below :

  .blockquote3 strong {
  font-family: “Arial”;
  font-weight: 900!important;
  font-style: normal!important;
  line-height: 40px!important;
  font-size:40px!important;
  }

  On desktop the letters are bold as they should but on mobile NO bold. When i check on dev tools the bold is actually showing on android mobile but when i check on my android phone NO bold. Anyone know why?

  Thanks

  September 23, 2015 at 11:27 am #215700
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me specific page url with issue.
  Thanks
  Mohammad

  September 23, 2015 at 9:11 pm #215918
  camind

  Member

  Post count: 228

  Hi

  Homepage

  Thanks

  September 23, 2015 at 11:08 pm #215931
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  It seems bold to me.
  https://www.dropbox.com/s/kd7j9kf3645r85c/Screenshot_2015-09-23-23-05-34.png?dl=0

  -Rui

  September 24, 2015 at 9:47 am #216020
  camind

  Member

  Post count: 228

  Hi,

  I have added a screen shot of how the bold looks on dev tools on a galaxy s4 which actually looks like the same type of bold on all other devices which is correct. But for some reason the mobile version on my phone and the screenshot you attached doesn’t look nearly as bold as it should. If you compare your screenshot to mine you will see a big difference. i have it set to 900 weight. To me dev tools looks correct at 900 weight but your screenshot doesn’t look like 900 weight. It looks like normal weight to me.

  Thanks

  Attachments:

  You must be logged in to view attached files.
  September 24, 2015 at 9:52 am #216028
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Yes, but mine was taken in a real device. Emulators can’t render exactly like in the mobile.

  Will connect my S6 to the Android Studio to debug and check exactly what’s in the html source and what properties are being applied.

  will let you know the result.

  -Rui

  September 24, 2015 at 11:55 am #216097
  camind

  Member

  Post count: 228

  Rui,

  I appreciate that. Im just trying to get that font thicker on mobile and seems like what ever i do doesn’t work.

  Thanks again Rui

  September 24, 2015 at 12:14 pm #216109
  David Martin – Support

  Moderator

  Post count: 20834

  The font Arial does not have a weight of 900.

  Either Bold or Bolder is your only option.

  – David.

  September 24, 2015 at 12:22 pm #216115
  camind

  Member

  Post count: 228

  Hi David,

  So why do i see a really bold font on desktop and a non bold font on mobile?

  Thanks

  September 24, 2015 at 12:31 pm #216124
  David Martin – Support

  Moderator

  Post count: 20834

  You maybe getting the fallback which is:

  b, strong {
      font-weight: bold;
  }

  CSS is cascading, meaning if the first rule does not apply then next rule down will take effect. Mobile/Desktops will handle fonts differently.

  Thanks,
  David.

  September 24, 2015 at 12:42 pm #216130
  camind

  Member

  Post count: 228

  David,

  So if i’m understanding this right, if i change my css from 900 weight to just “bolder” then it will not fallback and i will get a thicker font then whats showing in mobile right now?

  Thanks

  September 24, 2015 at 12:56 pm #216134
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Untested, but yes it should default to bolder, bold then finally normal if the previous two are not available. OR if this is being overwritten by some other CSS specifically for mobile.

  Cheers,
  David.

  September 24, 2015 at 1:29 pm #216139
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  I just debug the Android device and that’s the way it renders the font-weight:900. Using font-weight:bold looks the same thing.

  Check the 2 screenshots 1 it’s with the font-weight: normal so you can check the difference to the 900.

  https://www.dropbox.com/s/838elt5ttc7g9p2/Screenshot_2015-09-24-13-25-22.png?dl=0
  https://www.dropbox.com/s/7bzhy440dfbk9ee/Screenshot_2015-09-24-12-21-41.png?dl=0

  Guess the only way is to increase a little bit the font in mobile.

  -Rui

• Back to forum

  Posted in: Dante