Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: ligatures #174

Closed
efc-ls opened this issue Apr 3, 2019 · 9 comments · Fixed by #191
Closed

feat: ligatures #174

efc-ls opened this issue Apr 3, 2019 · 9 comments · Fixed by #191

Comments

@efc-ls
Copy link

efc-ls commented Apr 3, 2019

Hey,

is it possible to set custom ligatures?
So that my html can look like this:
<span class="fontclass">iconname</span>

@alexander-akait
Copy link
Member

ligatures? Do you mean class?

@efc-ls
Copy link
Author

efc-ls commented Apr 3, 2019

Let me explain what I want to do:
If my css looks like this:

@font-face {
    font-family: TestFont;
    ...
}

.test_font {
    font: normal normal 400 14px/1 TestFont;
    ...
}

.test_font-house::before {
    content: "\ea01";
}

So I can use my html tag just like this:
<span class="test_font test_font-house"> This is a text</span>

-> HouseIcon This is a text

also this:
<span class="test_font">&#xEA01; This is a text</span>

-> HouseIcon This is a text

But I want to achive this:
<span class="test_font">font-house This is a text</span>

-> HouseIcon This is a text

As I researched correctly this is solved with creating ligatures. Those are added in the "gsub"(?) part of the *.tff and *.woff

@alexander-akait
Copy link
Member

I think you can use custom css template for this case and generate own css

@efc-ls
Copy link
Author

efc-ls commented Apr 4, 2019

Well, IMHO it's not done with just creating css. The text has to be rendered into the icon..
Anyways I'll find a workaround, I was wondering if there are any possibilities.
Thanks :-)

@efc-ls efc-ls changed the title Ligatures Ligatures (Feature Request) Apr 4, 2019
@alexander-akait
Copy link
Member

@lswug You can send a PR 👍

@mpalpha
Copy link
Contributor

mpalpha commented Aug 12, 2019

Check out Ligatures for more information.

@jimmyandrade jimmyandrade changed the title Ligatures (Feature Request) feat: ligatures Sep 29, 2020
@jimmyandrade jimmyandrade added this to the 10.0 milestone Sep 29, 2020
@jimmyandrade
Copy link
Collaborator

@guluws thanks for suggesting this feature.

@mpalpha added the PR #191 and we've just merged.
We will plan a release soon, and you find issues related to glyphs and ligatures, please feel free to share 😄

@lehni
Copy link

lehni commented Jun 10, 2021

@jimmyandrade this has long been released since, correct? In that case, the issue can be closed?

@jimmyandrade
Copy link
Collaborator

@jimmyandrade this has long been released since, correct? In that case, the issue can be closed?

@lehni yes, it can be closed. Thanks for helping me to remind it!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants