Change font on desktop and mobile app

This post was last updated for 213 days ago, and the information may already be changed

Is there a way to change the font on desktop, so that the font is also loaded on the mobile(Android) app?

    Related articles

    Solution
    • WanChen 1
      1. Using Font Pluginsimage.png
      2. 参考:思源笔记手机端和电脑端使用同一字体 - 链滴
        • Placing the font files in the "data/plugins" folder of the Siyuan Notes workspace allows the fonts to be synchronized to mobile devices. For example, I have created a new folder named "custom-fonts" and placed my current favorite font, Hanyi Kongshankai, inside.Snipaste_2024-01-16_17-50-46
        • Then, add the following code snippet in Siyuan Notes by navigating to 【Settings - Appearance - Code Snippet】
          @font-face {
          font-family: "汉仪空山楷";
          font-style: normal;
          src: url("plugins/custom-fonts/汉仪空山楷.ttf");
          }
          
          :root {
          --b3-font-family: "汉仪空山楷", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
          
          }
          

    Welcome to here!

    Here we can learn from each other how to use SiYuan, give feedback and suggestions, and build SiYuan together.

    Signup About
    Please input reply content ...
    • WanChen 1
      1. Using Font Pluginsimage.png
      2. 参考:思源笔记手机端和电脑端使用同一字体 - 链滴
        • Placing the font files in the "data/plugins" folder of the Siyuan Notes workspace allows the fonts to be synchronized to mobile devices. For example, I have created a new folder named "custom-fonts" and placed my current favorite font, Hanyi Kongshankai, inside.Snipaste_2024-01-16_17-50-46
        • Then, add the following code snippet in Siyuan Notes by navigating to 【Settings - Appearance - Code Snippet】
          @font-face {
          font-family: "汉仪空山楷";
          font-style: normal;
          src: url("plugins/custom-fonts/汉仪空山楷.ttf");
          }
          
          :root {
          --b3-font-family: "汉仪空山楷", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
          
          }
          
    • zetashift
      VIP Warrior Author

      Thank you! That works perfectly :D