Ligatures?

HTML & CSS
1

I came across a web page the other day that uses ligatures, something I’ve not seen before (or more likely have seen before and have forgotten :blush: Being that sort of chap, I thought I’d try playing with ligatures myself. But I’m not having any luck. I’ve used the same font stack. I have this pen

https://codepen.io/gandalf458/pen/LYbNXLd

Does anyone know what I’m missing?

I’m not keen to post the page I spotted as it is decidedly political.

2

Well, in typography ligatures usually look better in serif fonts (meant to write) not sans-serif. In CSS that also appears to be the case. I would also suspect certain serif fonts work better than others.

3

Fixed it. I needed the Roboto font loaded :rolleyes:

1 Like
4

Hi there Gandalf,

Are you aware of these five ligature character entities…

ff
fi
fl
ffi
ffl

…which look like this…

ff
fi
fl
ffi
ffl

coothead

5

Thanks, @coothead, yes I was, but the aim was to automatically use a ligature should one be available in the selected font.

6

…how about this…

https://github.com/ToxicFrog/Ligaturizer

coothead

7

No, that’s a new one on me.

8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.