Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 16, 2021 at 1:17 am #1329145
    tikery

    Hello:

    I am looking to build a multi-language website
    I am using Polylang (Plug-In) to have the ability to switch languages.
    I would like to add Asian Style Fonts (Chinese) to the theme so I can utilize in the “Special Heading” and “Text Box” when building pages.

    Would you help me with how to upload or install new fonts (Asian Style Fonts) and how to choose the specific font to be used for the “Special Heading” and “Text Box”?

    Thank you so much

    November 16, 2021 at 6:32 am #1329166
    Ismael

    Hey tikery,

    Thank you for the inquiry.

    Have you selected a font yet? The following thread (see private field) might help you decide which font to use for Chinese characters. The user provided links to the fonts, which can be used for free. All you need to do is upload the font files to your server and use the @font-face rule to register them to the site.

    // https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

    You may also need to apply the font to the elements (special heading, text block) manually using css (Quick CSS field or style.css file). Unfortunately, you cannot use the font manager in this case because it is only intended for Google Fonts.

    Best regards,
    Ismael

    November 21, 2021 at 10:35 pm #1329861
    tikery

    Hi, Ismael:

    I am not proficient on this at all…

    Would you please guide me through this process

    I only need to use 2 Chinese Font which I have the Font file in my computer. You are saying I have to upload the font file into my server (which is Bluehost)? Is there a easier way or a step by step process on uploading font and process after I upload font?

    Perhaps the current font family that enfold is in used with the Google Fonts may have something that I can use, but how do I check and choose the fonts for my special header and text box?

    Thank you and Happy Thanksgiving!

    November 24, 2021 at 3:36 am #1330206
    Ismael

    Hi,

    Yes, you have to upload the font somewhere in your server, preferably in the wp-content > uploads or in the child theme directory, then use the @font-face rule to register and load it.

    Example:

    @font-face {
  font-family: "MyChineseFont";
  src: url("/path/to/the-font.woff2") format("woff2"),
       url("/path/to/the-font.woff") format("woff");
}

    You will also have to apply the font to the intended elements using css. To apply it to the special element for example, you will have to use this css.

    body .av-special-heading .av-special-heading-tag {
    font-family: 'MyChineseFont';
}

    Please check the link below for more info.

    // https://css-tricks.com/snippets/css/using-font-face/

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.