Office: Fonts improvements: Previews, popular from Google Fonts, checking with LO desktop fonts, deduplicating Noto Sans & Serif variants

[juliusknorr]

• Font preview ongoing in COOL
  • jsdialog: combobox with custom entries (font previews) CollaboraOnline/online#7131
• Ship popular fonts
  • Clarify licenses if we can ship it, need to attribute (and how)
  • Test if variable fonts work as expected (e.g. RobotoMono-VariableFont_wght.ttf)
  • Pick font files to ship depending on if variable sizing is working to not increase the richdocuments bundle size too much
  • Implementation Feature/fonts improvement #3304 @luka-nextcloud
    • Font files get shipped as part of richdocuments in an extra assets/fonts/ directory
    • New fonts shall be copied from the assets/fonts folder and added through the existing FontService method
    • Add a repair job to add new fonts once to the installation (repair step version check example)
    • Add an occ command to install shipped fonts again if manually removed as the admin
    • Cypress test that ensures the fonts are listed in the admin settings
• Possible follow up: Deduplicate/group fonts in the UI -> Collabora

[juliusknorr]

We could also just add the popular fonts to richdocuments and if we improve the remote configuration #2169

@jancborchardt Would it make sense to already come up with a list of popular fonts that we want to ship? The ones popular on https://fonts.google.com/?preview.size=30&preview.layout=row&sort=popularity have a lot of overlap in similar style so maybe you could come up with some preselection of nice ones to ship?

[juliusknorr]

@jancborchardt ping for a possible list of fonts. We could start shipping those with richdocuments and then try to improve the auto setup to pick up fonts automatically from there.

[jancborchardt]

Here are the ones Google Docs provides and I would say we make sure to add those. Fonts in (parentheses) are proprietary though:

• Amatic SC https://fonts.google.com/specimen/Amatic+SC
• (Arial)
• Caveat https://fonts.google.com/specimen/Caveat
• Comfortaa https://fonts.google.com/specimen/Comfortaa
• (Courier New)
• EB Garamond https://fonts.google.com/specimen/EB+Garamond
• Lexend https://fonts.google.com/specimen/Lexend
• Lobster https://fonts.google.com/specimen/Lobster
• Lora https://fonts.google.com/specimen/Lora
• Merriweather (could include Merriweather Sans too) https://fonts.google.com/specimen/Merriweather
• Montserrat https://fonts.google.com/specimen/Montserrat
• Nunito https://fonts.google.com/specimen/Nunito
• Oswald https://fonts.google.com/specimen/Oswald
• Pacifico https://fonts.google.com/specimen/Pacifico
• Playfair Display https://fonts.google.com/specimen/Playfair+Display
• Roboto https://fonts.google.com/specimen/Roboto
• Roboto Mono https://fonts.google.com/specimen/Roboto+Mono
• Roboto Serif https://fonts.google.com/specimen/Roboto+Serif
• Spectral https://fonts.google.com/specimen/Spectral
• (Times New Roman)

As a bonus we could also include these 2 popular ones:

• Poppins: https://fonts.google.com/specimen/Poppins
• Inter: https://fonts.google.com/specimen/Inter

Does that make sense @juliushaertl, or too many?

[luka-nextcloud]

@juliushaertl

Font files get shipped as part of richdocuments in an extra assets/fonts/ directory

• Where can I get font files?
• assets folder will place on root (same level as src, lib, appinfo, ..), right?

[juliusknorr]

You can download them from the list in #3139 (comment), but feel free to just use one for testing for now. I already have a full directory with all of them that I can just push to the pull request then.

The assets I'd just put in the root, yes.