Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Suggesting Sahel font for Farsi #628

Open
iriman opened this issue May 31, 2020 · 1 comment
Open

Suggesting Sahel font for Farsi #628

iriman opened this issue May 31, 2020 · 1 comment

Comments

@iriman
Copy link
Contributor

iriman commented May 31, 2020

The current font of website is very good for Latin script, but not very well readable for Farsi. Also it has too sharp angles. ّI would suggest to use Sahel font which is free and is specially designed for Farsi and gives much better feel and reads easily.

Also it could be configured so that doesn't load on non-Farsi pages at all.

Sahel font:

image

Default font:
image

@iriman
Copy link
Contributor Author

iriman commented Jun 20, 2020

@michael63-osm What's your opinion on this more specific issue?


I guess the easiest way to implement it is using publisher-provided css on the default layout (without the need to self-hosting font files):

{% if page.lang == "fa" %}<link href="https://cdn.jsdelivr.net/gh/rastikerdar/[email protected]/dist/font-face.css" rel="stylesheet" type="text/css" />{% endif %}

and applying some style rules via style-rtl.css:

/* font configuration for Farsi */
[lang="fa"] body,
[lang="fa"] .doc ol > li:before,
[lang="fa"] .doc ul > li:before,
[lang="fa"] .doc  ul li,.doc ol li, .doc p,
[lang="fa"] blockquote p,
[lang="fa"] .searchbox input,
[lang="fa"] .ui-menu-item {
  font-family: Sahel, sans-serif !important;
  font-size: 1em;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant