HumbleNewTabPage icon indicating copy to clipboard operation
HumbleNewTabPage copied to clipboard

Custom font

Open Ravn7 opened this issue 7 years ago • 6 comments

Hi,

This is my favorite new tab extension. The only thing it lacks, imo, is an option to change the font style. I think links would look much better with a smaller bold font. It would be great if there was also an option to change the font itself but it would probably be more time consuming to implement.

Or maybe I could change it myself by editing some file?

Ravn7 avatar Jul 27 '18 11:07 Ravn7

Hi, I guess it is enough to edit the 7th line of the newtab.css. Just change "font-family" to any font you would like to.

I think you might also try messing with workspaces to save your edited CSS in Chrome.

pyxelr avatar Jul 27 '18 12:07 pyxelr

I use Firefox version. And I have a problem. I changed the extension to zip, uncompressed, entered the folder, opened newtab.css with Notepad++, added "font-weight: bold;" in line 8, saved the file and re-compressed the folder (I tried with normal compression and no compression). But now when I try load the file to FF as a new addon it says the file is corrupted.

Do I do something wrong? What software should I use to compress the folder? I used BandiZip, which works with xpi files.

The worst thing is that after a few attempts all my settings for this addon disappeared and I forgot to back them up...

Ravn7 avatar Jul 27 '18 13:07 Ravn7

I have just tried to install the .zip file of this repository in Firefox, and I have the same error. As I understand the problem is with the manifest.json file. You can check it by trying to install the extension via about:debugging page. Manifest.json in this repository looks like to be formatted for Chrome browser, not Firefox, as so it requires few changes to be compatible. There is nothing wrong with your file archiver.

However, the solution to your issue was more straightforward than I thought. There is an option to modify the font inside the plugin settings. Just open the "wrench" (option) menu in the upper right corner of the new tab, select the "Appearance" tab and feel free to modify the font.

There is no option to choose between bold or light font; however, the plugin looks for system fonts, so you can solve the issue by installing "bold" version of any font you would like. You can check for some great fonts on Google Fonts.

pyxelr avatar Jul 27 '18 14:07 pyxelr

In the Firefox version you can type in the name of any system font, however there isn't an option for bold or italic at the moment.

There is no need to edit the css file directly, you can enter custom CSS in the Advanced tab in the options.

ibillingsley avatar Jul 27 '18 14:07 ibillingsley

Oh, right. I can set whatever font I want. But mostly I wanted to make it bold.

Anyway, your suggestion helped. Thanks a lot.

Ravn7 avatar Jul 27 '18 21:07 Ravn7

#main a {font-weight: bold;!important} Try this in custom css.

Viohl avatar Jun 07 '19 06:06 Viohl