"font-size: 0" on IPadOS

Custom CSS & Theme Design
,
1

Platform

iOS
Android

Obsidian Mobile version: v1.0.3

Hello,

The font-size: 0; does not behave in the same way as in desktop. This is in context of using custom tag icons, e.g. consider the example of wanting to replace all #triangle with the unicode triangle symbol:

a.tag[href="#triangle"]{
{
    font-size:  0;
    background: none;
    margin:     0px;
    padding:    0px;
}

a.tag[href="#triangle"]:after {
    font-size:   initial;
    content: "▲";
}

In webkit, although the tag is replaced with the triangle and the text is not displayed, the space for the original tag is still rendered, despite being font-size: 0.

2

this is likeley a difference between chrome and safari