Changing font just for one language translatio

This topic has 9 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Rose Tyler

  • Avatar: fabio_vito
    Fabio
    Participant
    August 4, 2023 at 09:02

    Dear Support,

    I am using the standard XStore fonts, however for a specific language translation (arabic) it results too small.

    I would like to use a Google font (Cairo) just for the arabic translation without affecting the other languages. Could you please tell me how could i implement it?

    Thanks,

    F.

    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2023 at 10:53

    Hello, Fabio,

    Thank you for contacting us and for using XStore.

    Please provide URL of your site arabic version.

    Kind Regards,
    8theme team

    Avatar: fabio_vito
    Fabio
    Participant
    August 4, 2023 at 10:56

    Hi Rose,

    This is the URL.

    Thanks for the help.

    F.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2023 at 11:11

    Hello, Fabio,

    Thank you for your response.

    Please try to use the next custom CSS code:

    body.rtl, .rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6, .rtl .products-title {
        font-family: Cairo, sans-serif !important;
    }

    Kind Regards,
    8theme team

    Avatar: fabio_vito
    Fabio
    Participant
    August 4, 2023 at 11:29

    Hi Rose,

    Thanks for the code suggestion!

    I am going to test it. Could you please also tell me the correct way to permanently add the Cairo font to the theme (in a way that the next theme update will not erase it)?

    Thanks,

    F.

    Avatar: fabio_vito
    Fabio
    Participant
    August 4, 2023 at 11:56

    Hi Rose,

    I uploaded the font through the custom font upload option in the theme settings and I can see the tff font uploaded in the server.

    However, when I run the CSS the Cairo font is not loaded. It looks like the css cannot trigger the Cairo font.

    Could you please have a look?

    Thanks,

    F.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2023 at 12:14

    Hi Rose,

    Please provide temporary wp-admin access, so we can take a closer look.

    Kind Regards,
    8theme team

    Avatar: fabio_vito
    Fabio
    Participant
    August 4, 2023 at 14:32

    Hi Rose,

    This is the access.

    Please be careful as I am planning to deploy this version live.

    Best regards,

    F.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2023 at 15:14

    Hi Rose,

    Thank you for your response.

    1/ You should write it as it was named here → https://prnt.sc/0WQNjlTNq300
    2/ Font name is “Cairo-Regular“ → https://prnt.sc/PjFzPvsRy8up
    3/ Now we fixed it and the font is successfully applied on the RTL version → https://prnt.sc/-uXOpk3qDTnk

    Kind Regards,
    8theme team

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.