Caprine: Changing font in custom styles

Created on 25 Jun 2019  路  2Comments  路  Source: sindresorhus/caprine

Can't seem to figure out how to change the font of the program. I tried editing font and font-family in custom.css but the font never changes, something seems to be overriding it since I can change the colours in custom.css just fine.

Any suggestions?

Most helpful comment

@hurani

custom.css is a css file included in Caprine. You can change the font family by writing css targeting your needs. !important might be needed for the changes to override caprine/messenger defaults.

For example:

Adding this inside your custom.css

Screenshot 2019-06-26 at 00 44 06

In app:

Screenshot 2019-06-26 at 00 43 14

In devtools you can see the default font-family overwritten:

Screenshot 2019-06-26 at 00 48 23
Screenshot 2019-06-26 at 00 52 12

All 2 comments

@hurani

custom.css is a css file included in Caprine. You can change the font family by writing css targeting your needs. !important might be needed for the changes to override caprine/messenger defaults.

For example:

Adding this inside your custom.css

Screenshot 2019-06-26 at 00 44 06

In app:

Screenshot 2019-06-26 at 00 43 14

In devtools you can see the default font-family overwritten:

Screenshot 2019-06-26 at 00 48 23
Screenshot 2019-06-26 at 00 52 12

love
this is my edit (just in the lower part of custom.css)
html, body { font-family:Noto Sans Bengali !important;}

Was this page helpful?
0 / 5 - 0 ratings

Related issues

logxseven picture logxseven  路  3Comments

mmatyas picture mmatyas  路  3Comments

sindresorhus picture sindresorhus  路  3Comments

dmythro picture dmythro  路  4Comments

Yukaii picture Yukaii  路  3Comments