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

BUG: Where did the HTML Entity Codes go? #785

Closed
oneezy opened this issue May 18, 2018 · 11 comments
Closed

BUG: Where did the HTML Entity Codes go? #785

oneezy opened this issue May 18, 2018 · 11 comments

Comments

@oneezy
Copy link

oneezy commented May 18, 2018

I like to sometimes use the material design icons as background images because it's more convenient..But in the recent website/font upgrade, it seems you guys have left out the entity reference or maybe have forgot to include them. Could you please add them back?

I see here on the website where it states:

<!--For modern browsers-->
<i class="material-icons">
help_outline
</i>

<!-- For IE9 or below. -->
<i class="material-icons">
help_outline
</i>

(this is why I think it's a bug)

Just to give you an example of what I mean, I'd like to be able to reference the entity code so I'm able to do things like this:

ul li { position: relative; padding: .25rem 0; margin: 0 0 0 1rem; }
ul li:before { 
    content: "\E3E7"; 
    font-family: "Material Icons"; 
    display: block; 
    position: absolute; 
    right: 100%; 
    font-size: 20px; 
    color: rgb(255, 112, 62); 
}

You can see an example here: https://codepen.io/oneezy/pen/dzpNvo


Thanks for making the web great

@oneezy oneezy changed the title BUG: Where did the HTML Entities go? BUG: Where did the HTML Entity Codes go? May 19, 2018
@P110
Copy link

P110 commented May 20, 2018

+1 for this being resolved asap, extremely annoying when trying to develop a good user experience for as many people as possible

@pvdlaar
Copy link

pvdlaar commented May 22, 2018

+1 I use this on a daily basis!

@markvl91
Copy link

You can just use the ligature based names for your specific use case: https://codepen.io/anon/pen/zjXQoZ
The only thing you won't get doing it that way is IE9 support.

@P110
Copy link

P110 commented May 23, 2018

While you're correct for OP and this is a usable interim solution - there are many other use cases for entity codes and since the entire point for their inclusion on the website is For IE9 or below I think it's important for them to be there.

@jarbot
Copy link

jarbot commented Jun 5, 2018

The entities are also required for displaying icons on older versions of android web view.

@jestelle
Copy link
Contributor

jestelle commented Jun 6, 2018

We're aware of this issue and are working on a fix.

In the meantime, you can find the code points here:
https://github.com/google/material-design-icons/blob/master/iconfont/codepoints

@strxetics
Copy link

strxetics commented Jun 7, 2018

@jestelle these codepoints are outdated though and do not include all icons in the current webfont, see also this issue: #786

@ConfusedVorlon
Copy link

e.g. what is the codepoint for 'bookmarks' ?

@bzaruk
Copy link

bzaruk commented Jun 21, 2018

Is there any official list for the latest icons version?

@silvanocerza
Copy link

+1

@RoelN
Copy link
Collaborator

RoelN commented Feb 9, 2021

@RoelN RoelN closed this as completed Feb 9, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests