Virtual Linker CSS and font-size override

Custom CSS & Theme Design
1

I’ve been tinkering with the Virtual Linker plugin for a while, but can’t get it to work.

I’m learning Urdu, and because Urdu (and Arabic, Persian, etc.) have many similar looking letters, I need Urdu text to be a lot bigger than Latin letters. So I use the Dynamic Highlights plugin to create a sort of helper class .Urdu that targets a Unicode range:

(?:(?:[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u066A-\u066D\u060C\u061B\u061F])[\u064B-\u065F\u06D6-\u06ED\u08E4-\u08FF\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF]*)+

which I can then set a specific font for, and also:

  .markdown-preview-view .Urdu,
  .cm-line .Urdu {
    font-size: 3em;
        
  }

making Urdu text larger. This works. However, when introducing the Virtual Linker plugin, the linking function overrides the size. I can change the colour of the links with plugins like those given as solutions in this thread. But I cannot figure out how to get the links to retain the inherited font-size.

I’ve tried everything I can think of, e.g. font-size: unset, inherit, normal, etc. but nothing seems to work. Since I rely on the size, I’ve stopped using the virtual linker plugin, but maybe someone has an idea to help with this?

Thanks!

Normal:

image
image233×152 3.03 KB

with virtual linker plugin turned on:
image

I can hardcode the font-size for the virtual links to be larger, but then of course also the links in Latin alphabet are larger, which I don’t want.

.markdown-source-view .glossary-entry.virtual-link a {
    font-size: 3em !important;
}