Trying different fonts

Community-Created Courses How To's
1

I’ve gotten very good at reading the Arabic writing in the Arabic courses I’m taking, but I notice that I often have a lot of difficulty figuring out letters in Arabic on signs or displays or other places, where they’re in typefaces that differ a lot from what I see on memrise.

I’m using primarily Firefox on Mac. Anyone know of a convenient way to try different Arabic typefaces in my browser, so I can switch it up when I’m taking the Arabic courses and get some practice identifying the letters when they’re written in different styles?

2

I use a stylish script (=CSS) to change the fonts used in the Memrise testing screen according to need. I personally have a standard font for prompts and a handwriting font for the type-in-the-answer area. Someone who knows how to code might know how to make it cycle between different options that you give it…

3

Does your script let you easily change fonts when you want to, or are the fonts hardcoded into the script so you’d have to edit the script and reload it to change fonts?

If it does let you easily change fonts, can you post it somewhere or link to it?

4

You’d have to edit the script. Another way would be to have multiple copies of the script, with different fonts, and just keep your add-ons tab open whenever you’re on Memrise, and disable/enable different ones every few Memrise sessions. I only know extremely basic stuff about coding so I can’t make anything that cycles or roulettes through fonts, sorry.

Here’s what I personally have for my Stylish script (you’ll want to edit it!), the part with chifont first is the typing box and meiryo first is the prompt:

@-moz-document domain("memrise.com"),
 url-prefix('http://www.memrise.com/')
{   
.garden-box .typing-wrapper .typing-type-here,
  .garden-box.copytyping.show-wrote-diff .wrote-diff, .garden-box.copytyping .copytyping-message  
  {font-family: chifont, chihaya, meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Times;;}

 .garden-box .typing-wrapper .typing-type-here
  {font-size: 60px !important;}
  
    .garden-box.copytyping.show-wrote-diff .wrote-diff, .garden-box.copytyping .copytyping-message   {font-size: 40px !important;}
  
  .difficult-items .whitebox .wrapper .table .tr.c .tc.t,div.pool-header #search_form #search_string, .modal-header h3, .course_edit .table-container .column.text input.wide, .course-header.course-header-fat .course-details .course-description {font-family: meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Times !important;}
}