Derani: Difference between revisions

20 bytes removed ,  21:49, 18 December 2022
Formatted Discord derani instructions better
m (→‎Displaying Derani on Discord: Turning the GitHub URL into a clickable link.)
(Formatted Discord derani instructions better)
Line 304: Line 304:
Below are instructions for displaying the Derani script on Discord:
Below are instructions for displaying the Derani script on Discord:


* '''(#1)''' Download and install the font at  
* '''(#1)''' Download and install the font at https://github.com/toaq/fonts/releases/ on your OS (for MS Windows, picking the TTF file may be recommendable);


https://github.com/toaq/fonts/releases/ on your OS (for MS Windows, picking the TTF file may be recommendable) ;
* '''(#2)''' Install [https://betterdiscord.app/ Better Discord], [https://openasar.dev/ OpenAsar], or another equivalent, which will add several customization options to the interface of Discord;
 
* '''(#2)''' Install Better Discord, OpenAsar or another equivalent, which will add several customization options to the interface of Discord;


* '''(#3)''' Open Discord, then open the custom CSS dialog (in the case of Better Discord, go to ⚙ ⊳ Custom CSS), and there copy-paste the following:
* '''(#3)''' Open Discord, then open the custom CSS dialog (in the case of Better Discord, go to ⚙ ⊳ Custom CSS), and there copy-paste the following:
<pre>
:root {
  --font-primary: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, Derani, sans-serif;
}


<code>:root {</code>
[id^="message-content-"] {
 
   line-height: normal;
<code>  --font-primary: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, Derani, sans-serif;</code>
}
 
</pre>
<code>}</code>
 
<code>[id^="message-content-"] {</code>
 
<code>   line-height: normal;</code>
 
<code>}</code>
 
Then, click “Save”, then “Update” (or alternatively, “Live Update”).
Then, click “Save”, then “Update” (or alternatively, “Live Update”).