получение лигатур из других шрифтов через css - PullRequest
2 голосов
/ 10 июля 2020

Я пытаюсь использовать один шрифт, но только лигатуры из другого шрифта. Мой подход к этому - использование дескриптора диапазона Unicode. Итак, это мой css:

<style>
    @font-face {
        font-family: 'ligature';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKebunDXbtM.woff2) format('woff2');
    }

    @font-face {
        font-family: 'no-ligature';
        font-style: normal;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotomono/v11/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_Xvq_ROW4.woff2) format('woff2');
    }
    
    @font-face {
        font-family: 'no-ligature';
        src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKebunDXbtM.woff2) format('woff2');
        unicode-range: U+0066, U+0062;
    }
    
    li {
        font-family: 'no-ligature';
        font-size: 100px;
    }
</style>

Как вы можете видеть в этот Repl , теперь, конечно, все f и b заменены, и это показывает не только лигатуры. В таблице юникода для лигатур нет специальной точки c, так как я могу настроить таргетинг только на определенные лигатуры?

Заранее спасибо за помощь!

Примечание: в the Repl Я использую шрифт, который не имеет fb-лигатуры, roboto mono , и пытаюсь объединить fb-лигатуру play fair . Эти шрифты не представляют собой фактические шрифты, которые я использую, и предназначены только для презентационных целей.

...