Add Custom font (farsi)

[pooryapr]

Checks before filing an issue

• This issue doesn't reproduce on web browsers (such as in Chrome). If it does, issue reports go to the Mattermost Server repository.
• I have checked the issue tracker and have not found an issue that matches the one I'm filing.
• This issue is not a troubleshooting question. Troubleshooting questions go here: https://forum.mattermost.com/c/trouble-shoot/16.
• This issue is not a feature request. You can request features and make product suggestions here: https://mattermost.com/suggestions/.
• This issue reproduces on the most recent stable version, or the most recent prerelease version of the Mattermost Desktop App.
• I have read the contribution guidelines.

Mattermost Desktop Version

10.0.2

Operating System

Windows 10 x64

Mattermost Server Version

No response

Steps to reproduce

Add Custom font (farsi)

Expected behavior

Add Custom font (farsi)

Observed behavior

Add Custom font (farsi)

Log Output

Add Custom font (farsi)

Additional Information

Add Custom font (farsi)

[pooryapr]

At first step create the following directory
/opt/mattermost/client/images/fonts/

also please copy new farsi font under

$ cd /opt/mattermost/client/images/fonts/

$ ls
 fonts.css               Vazirmatn-Bold.ttf        Vazirmatn-ExtraBold.woff2    Vazirmatn-Light.ttf     Vazirmatn-Medium.woff2    Vazirmatn-SemiBold.ttf     Vazirmatn-Thin.woff2
 Vazirmatn-Black.ttf     Vazirmatn-Bold.woff2      Vazirmatn-ExtraLight.ttf     Vazirmatn-Light.woff2   Vazirmatn-Regular.ttf     Vazirmatn-SemiBold.woff2  'Vazirmatn[wght].woff2'
 Vazirmatn-Black.woff2   Vazirmatn-ExtraBold.ttf   Vazirmatn-ExtraLight.woff2   Vazirmatn-Medium.ttf    Vazirmatn-Regular.woff2   Vazirmatn-Thin.ttf
$

then create fonts.css there
$ vi font.css

/* Generated by script */
@font-face {
  font-family: Vazirmatn;
  src: url('/static/images/fonts/Vazirmatn-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('/static/images/fonts/Vazirmatn-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('/static/images/fonts/Vazirmatn-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('/static/images/fonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('/static/images/fonts/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('/static/images/fonts/Vazirmatn-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('/static/images/fonts/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('/static/images/fonts/Vazirmatn-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('/static/images/fonts/Vazirmatn-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body,* {
    font-family: Vazirmatn, sans-serif !important;
}

$ cat /opt/mattermost/client/root.html  | grep -i -A1 fonts.css
    <link href="/static/images/fonts/fonts.css" rel="stylesheet" type="text/css" />
  </head>
$

$ systemctl restart mattermost.service