Stylebot related

Hello, I wanted to test it and I downloaded it, but it failed.

I need a “push” so I can test it again on my chrome.

I leave my concern here, just in case I forget in the future.

#TCSOLlearners #readingwebsite

I need something more from you to help troubleshoot. What failed? How did it fail? Some screenshots would be helpful.

no problem, i will be on holiday soon, i can try more on this~!

In this link is my collection of Stylebot styles: VF-canto-2.6.json - Google Drive

This will be included in the release package from 2.7-rc2 onwards.

To use the styles, click on the Stylebot icon and choose Options:

Then go to Sync, and Import the .json file that you downloaded.

This provides usage of the Cantonese Font for:

  1. zh-yue.wikipedia.org
  2. zh.wikipedia.org
  3. zh.wikisource.org
  4. evchk.fandom.com
  5. news.mingpao.com
  6. www.andthen.hk
  7. vimeo.com (captions only)
  8. youtube.com (captions only)
  9. open.spotify.com (lyrics only)
  10. kkbox.com (lyrics only)

From there, screenshot is probably your best way of moving the content out. Readings from the list may keep your students occupied for some time.

I tried. Result here

yes, the font enlarged but it did not “link” to VF fonts. Do I need to upload your fonts to my google drive, so it syncs?

I need some more info to help troubleshoot. Can you confirm you are using Chrome? (Firefox doesn’t support complex SVG fonts despite its claims to do so.) Can you “打開 Stylebot” to show me what it shows for this zh-yue-Wiki page? (I am hoping that the font name isn’t different on Win machines… but if I can’t figure it out from screenshots, maybe we need to make a screen-share call/meet (probably easy to do on Discord room when you bump into me.))

Just tested the font family names in a html file. “VF Cantonese” works, but “VF Canto” and “VF-Canto” don’t.

(Windows 10; ver 2.6)

This is the CSS:

    <style>
    .font1    {
        font-family: 'VF Cantonese';
        font-size: 36px;
    }
    </style>
1 Like

And, on a Windows system with all the fonts installed, this gives you the Regular?

(Technical details: because of the Adobe-Microsoft Font Wars 1.0 in the 1980-1990s, each font have several names specified inside, and different systems read off different places. On Mac, “VF Cantonese” specifies the first alphabetical variant installed, which is the Large Jyutping variant. “VF-Canto” pins it to the Regular. Windows may do something mysteriously different.)

Seems yes.

Color actually shows up in Settings of Windows 10 :open_mouth:

Actually, what this is saying is that Windows is allowing only one Italic (which is the No Jyutping), one Bold (Bold), but collapsing all the rest into one “Regular”. This is why you see Heritage, Large, and Regular all looks the same. This is some weird assumption, presumably to maintain backwards compatibility, but it’s darn backwards and I’m not sure what can be done here.

Anyway; I’ll publish another set of StyleBot styles, globally replacing VF-Canto for VF Cantonese, and label it as Canto Font StyleBot Win-Chrome.json.

Hi sorry for the late reply, I was using Chrome and I use chrome only.

Font list :face_with_monocle:

Code :wink:

Thank k.k. Win11, ver 2.6, change to VF Cantonese, it works

One more, change the code of “li”, also change to VF Cantonese instead of the VF-Canton

Jon, it works like this.

Also for the name - VF Cantonese Large Jyutping

VF Cantonese

VF Cantonese Large Jyutping

VF Cantonese

VF Cantonese Large Jyutping

Hi KK, How do you get that image? Font system?

Inside Windows settings: Personalization / 個人化 > Fonts /字型. And then you can search “VF Cantonese” and click on the font.

1 Like

在電腦fonts中呼喚愛…

For Jon,

Thanks to both of you for exploring what can be done with Windows. I’ll publish a copy of the stylebot.json with a global replace to VF Cantonese and make that the Windows version.

In the meantime, if there are other sites for which you’ll require styles for, let me know.


My sense is that Win10 does have operating system level support for everything… but the interactions with applications are even more unpredictable. I’ll probably stay on the strategy to announce Win10 as unsupported system; as a small team (of one, no Win access), it’s better that people gets surprised it works rather than demanding fixes when it doesn’t.

…actually, for 2.7, the CSS rules will contain a fall-back from VF-Canto onto VF Cantonese, together with font-weights if necessary. The expected behaviour is that this would pick up on the first option, and if not recognized (Windows) try the next.

If anyone have some more requests for websites to add, please let me know in the next week or so.

(My CSS skills is rudimentary. Later over summer, when I gear up for the web-app, it may feed back into StyleBot.)

While I’m fiddling with 2.7, here is a link to the StyleBot style, that should be friendly also to Windows user: stylebot file for import. There are additionally two new styles for:

  1. 獨立媒體 inmediahk.net
  2. 集誌社 https://thecollectivehk.com/

This should make it possible for adult learners to get to recent HK news readily.