Is @font-face supported?

[sdothum]

i have just discovered miniflux after using tt-rss forever.. and absolutely love its minimalist approach.

i have been applying a similar minimalist "look" i created for tt-rss (which was becoming nightmarish to maintain) to miniflux and it has been a refreshingly quick and painless process :)

As the title asks, is "@font-face... src: url(..) format(...);" supported and, if so, where does the root folder reside that one should place a "fonts" folder?

Everything works fine (font selections) on the host machine and this is not a deal breaker by any means: The system font on the Android phone renders a very lovely miniflux page regardless (i was actually quite surprised at how well miniflux is suited for such displays).

Kudos to everyone involved with this project!

[fguillot]

Loading fonts from external websites might not work because Miniflux has a restrictive Content-Security-Policy in place for security and privacy reasons.

[oldherl]

Can it be made configurable in the settings?

[sdothum]

What about fonts that are locally available on the server itself? (i have custom fonts i have created myself). This is not a deal breaker.. as my computers all have the fonts locally available for the theme. The Android phone is another matter -- fonts cannot be installed short of rooting the phone (the default system font still renders well.. but just curious if it can be done :) Thank you for miniflux. Regards, Steven -- "Truth or die." Steven Hum 417 Mayfair Av Ottawa, ON K1Y 0K4 email ***@***.*** voice 613.237.9058 text 613.879.9058

[Tally]

What about fonts that are locally available on the server itself? (i have custom fonts i have created myself).

I have had no success using custom fonts remotely or through embedded base64 code, though I would very much appreciate a loosening of the CSP to permit them. I haven't tried a local font at this point since I run miniflux in a docker container, but I'm not optimistic.

FeedMe (Google Play Link) does support some preselected fonts from Google Fonts and TTS and will connect with Miniflux by the Fever API.

Ultimately, I just can't stand Noto Serif.

[Tally]

I can now confirm that if the font is hosted from the same base URL, @font-face functions as expected. Finally managed to configure my reverse-proxy to do this effectively.

[sdothum]

Could you elaborate a bit more about your configuration?

@font-face...
src: url("fontname.ttf") format("truetype");

still does not work for me (also running reverse proxy). On the server itself, Custom CSS with direct font-family references to the "font" work. But @font-face font-family src references do not. Is there a specific font folder required in a reverse-proxy setup?

[Tally]

Using

@font-face {
  font-family: 'Charis';
  font-style: normal;
  font-weight: 400;
  src:
  local("CharisSIL"),
  url("/fonts/CharisSIL-Regular.woff2") format("woff2");
}

Miniflux runs at https://app.site.tld and font files are hosted at https://app.site.tld/fonts/
Using Caddy with miniflux in a Docker container the following configuration was effective for me:

app.site.tld {
  handle_path /fonts/* {
    root * /srv/fonts
    file_server
  }
  handle {
    reverse_proxy localhost:8080
  }
}

[sdothum]

Thank you!

This helps. i'm running on nginx currently so will need to figure out the equivalent directives.. or take a look at Caddy :)

--

Can confirm. Worked like a charm with nginx. Did not require "local" parameter for @font-face spec. Added to nginx.conf server definition for miniflux..

location /fonts {
    alias /var/www/localhost/fonts;
}

[ZeFish]

Please, change the policy, I would also love to be able to use custom fonts