Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

About Chinese web fonts integration

Chinesefontgoogleweb
    • 9 years, 4 months ago leesungwoo
      Participant

      Expired

      Hi,I have commented on theme forest for  Chinese web font integration then I got a reply that said let me come here to ask you guys for the feature.

      I want use some Chinese fonts on my website.but I found there is no google web fonts match to Chinese text.I found a website which provide Chinese web font service.it shows me some kind of codes,but I’m not a programmer,I can’t deal with these codes.

      So I hope you guys tell me the way that I using these codes to add those web fonts to the theme.

      This is one of Chinese web font code from the website that I talked about.
      <div style=”margin: 0px; padding: 0px; color: #666666; font-family: Arial; border: 0px; font-size: 15px;”>
      <p style=”font-weight: bold; color: #000000;”>How to use 1:(Sync)</p>

      <div class=”ust1″ style=”margin: 0px; padding: 10px 0px 0px; font-size: 14px; color: #000000; font-weight: bold;”>Step1:Call JS</div>
      <div class=”ust2″ style=”margin: 0px; padding: 10px 0px 0px; font-size: 14px;”>Please paste these codes to <Head> label.</div>
      <div class=”ust3″ style=”margin: 10px 0px 0px; padding: 0px 10px; border: 1px solid #ebebeb; color: #72ab15; font-size: 12px; clear: both; width: 775px; height: auto; line-height: 28px; word-break: break-all; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;”><script type=”text/javascript” src=”https://api.youziku.com/webfont/FastJS/yzk_6733846365BD243C”></script></div&gt;
      <div class=”ust1″ style=”margin: 0px; padding: 10px 0px 0px; font-size: 14px; color: #000000; font-weight: bold;”>Step2:Set Label</div>
      <div class=”ust2″ style=”margin: 0px; padding: 10px 0px 0px; font-size: 14px;”>Please add these codes to just front of the </body> label.</div>
      <div class=”ust3 mb20″ style=”margin: 10px 0px 20px; padding: 0px 10px; border: 1px solid #ebebeb; color: #72ab15; font-size: 12px; clear: both; width: 775px; height: auto; line-height: 28px; word-break: break-all; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;”><script type=”text/javascript”> $youziku.load(“#id1”, “5ebffbe3e2db46df93a56134211c618c”, “jdzhonyuanjian”); /*$youziku.load(“#id2”, “5ebffbe3e2db46df93a56134211c618c”, “jdzhonyuanjian”);*/ /*$youziku.load(“.class1”, “5ebffbe3e2db46df93a56134211c618c”, “jdzhonyuanjian”);*/ /*$youziku.load(“.class2”, “5ebffbe3e2db46df93a56134211c618c”, “jdzhonyuanjian”);*/ /*...*/ $youziku.draw(); </script></div>
      </div>
      <div style=”margin: 0px; padding: 0px; color: #666666; font-family: Arial; border: 0px; font-size: 15px;”>
      <p style=”font-weight: bold; color: #000000;”></p>

      </div>

    • 9 years, 4 months ago leesungwoo
      Participant

      Expired

      It seems the paste messed up.Here is the clean one.

       

      How to use 1:(Sync)

      Step1:Call JS

      Please paste these codes to <Head> label.

      <script type=”text/javascript” src=”https://api.youziku.com/webfont/FastJS/yzk_6733846365BD243C”></script&gt;

      Step2:Set Label

      Please add these codes to just front of the </body> label.

      <script type=”text/javascript”>

      $youziku.load(“#id1”, “5ebffbe3e2db46df93a56134211c618c”, “jdzhonyuanjian”);

      /*$youziku.load(“#id2”, “5ebffbe3e2db46df93a56134211c618c”, “jdzhonyuanjian”);*/

      /*$youziku.load(“.class1”, “5ebffbe3e2db46df93a56134211c618c”, “jdzhonyuanjian”);*/

      /*$youziku.load(“.class2”, “5ebffbe3e2db46df93a56134211c618c”, “jdzhonyuanjian”);*/

      /*...*/

      $youziku.draw();

      </script>

       

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      Please follow the instructions in this article, to add a new font. If you face any difficulties and need our help, then please send us your wp and ftp credentials in a private reply. So we can help you with that.

      Best regards!

    • 9 years, 4 months ago leesungwoo
      Participant

      Expired

      Hi,I tried this few days ago.It shows up in list but still shows the default font.I don’t have any content for now,so can you help me just add some Chinese fonts into the theme then send it to me?

      What kind of information you need which for the integration?Font file or some web fonts code?I want use web fonts more because local Chinese font is too large to load.

      Best

    • 9 years, 4 months ago leesungwoo
      Participant

      Expired

      It’s been couple of days for asking,but still no solution.Is there still support member looking on this?

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      Sorry for the delay.
      As i wrote in the last reply, please send us your wordpress and ftp credentials in a private reply. Also, if you can send the font you are trying to add, that’s even better.
      Let us know.

      Best regards!

Viewing 5 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password