Different browsers have different fonts

  • Unknown's avatar
    stopzhang22 · Member ·

    I’m using general fonts but the problem is that they look different from one browser to another (the weight of the fonts is different – bold text is way less bold in Safari, for example, compared to Chrome – and the characters are slightly different).
    Is there a way to correct this?

    WP.com: Yes
    Jetpack: Yes
    Correct account: Yes

    The blog I need help with is: (visible only to moderators and staff)

  • Unknown's avatar
    curlware · Member ·

    Yes, there are several ways to make sure that fonts appear consistently across different browsers:

    1. Use web-safe fonts: These are fonts that are pre-installed on most computers and devices, so they are more likely to appear consistently across different browsers. Examples of web-safe fonts include Arial, Times New Roman, and Courier New.
    2. Use a font service: These services, such as Google Fonts or Typekit, provide a library of fonts that are specifically designed for web use. They are optimized to appear consistently across different browsers and devices.
    3. Use font-smoothing: This is a CSS property that can be used to improve the appearance of fonts on screen. It can help to reduce the differences in weight and characters that you are experiencing. To use this property, try adding ” -webkit-font-smoothing: antialiased; ” to your CSS code.
    4. Use font-face: This is a CSS rule that allows you to use custom fonts on your website. By using font-face, you can ensure that the font you want to use appears consistently across different browsers and devices.
  • The topic ‘Different browsers have different fonts’ is closed to new replies.