FontCheck

Settings

viewof choice = Inputs.select(["Selection", "Text"], {label: "Input type", multiple: false})
//viewof size = Inputs.range([1, 2], {value: 1, step: 0.1, label: "Font size"})

viewof text = {
  if (choice === "Selection") {

    return Inputs.select([
    "oO08 iIlL1 g9qCGQ ~-+=>",
    "oöäøO0Ø |Ll1Iit7 '!#%&/\\ ()[]{}<> $¢@*^~-:;,_±|?+= agktpry",
    "H= x= += -= <= >= ~= ^= |= %= -> &=",
    "== != && ++ |> <> <- <= <~ /= |=> -> ->> __",
    ",. :;",
    "|Ll1It!",
    "[](){}<>@#",
    
    "The quick brown box jumps over a lazy dog",
    "ABCDEFGHIJKLMNOPQRSTUVWXYZ ÅÄÆÖØÑ",
    "abcdefghlijklmnopqrstuvwxyz åäæöøñ",
    "0123456789 QRTCZ",
    "|[acersuvwxzmno i btfhkl d gjpqy]|",
    "0oöäøO",
    "print('hello world')",
    'cat("Mean of 1, 2, 3 is", mean(c(1, 2, 3)))',
    'echo "Current directory contents:" && ls -l',
    'SELECT name, age FROM users WHERE age > 30 ORDER BY age DESC;',
    "body { font-family: 'Arial', sans-serif; color: #333; }",
    '<!DOCTYPE html><html><body><h1>Hello, World!</h1></body></html>',
    'print(f"Sum of 1, 2, and 3 is: {sum([1, 2, 3])}',
    'console.log(`Array sorted: ${[3, 1, 4].sort((a, b) => a - b)}`);',
    'std::cout << "Max of 10 and 20 is " << std::max(10, 20) << std::endl;'
    ],{label: "Select text"});

  } else if (choice === "Text") {
    return Inputs.textarea({label: "Enter text", value: 
`
if (result > 5 && x <= 3 | !is.na(x)){
  print('Condition met')
} else {
  print('Condition not met')
}
`.trim()
    
    });
  }
}

Fonts
Info

Cascadia Mono

Dank Mono

Fantasque Sans Mono

Fira Code

Fira Mono

Hack

Hasklig

IBM Plex Mono

Inconsolata

JetBrains Mono

Liberation Mono

Meslo

Noto Sans Mono

Oxygen Mono

PT Mono

Roboto Mono

SF Mono

Source Code Pro

Space Mono

Spline Sans Mono

Ubuntu Mono

Victor Mono

Font with Ligature, Link to font on Google fonts, Link to font

Test fonts

These sites take you through the considerations for selecting fonts for coding. You can also test and try out differents for your use-case.

Repositories

Where to find fonts? The easiest option is webfonts where you can link the fonts rather than download them.

The other option is to download the fonts and use them in your project. You can also find many fonts on Github.

Font Squirrel