"font-size: 0" on IPadOS


[x] iOS
[ ] Android

Obsidian Mobile version: v1.0.3


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:

    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.

this is likeley a difference between chrome and safari