popup-closer looks cryptic
amr66 opened this issue · comments
Hi matt,
wonderfull extensions you made! Just played aroung with ol3 for the first time and first missings were popups and layer-switcher!
Now, with popup is have no cross to close, but get a cryptic "âoe--"
Is that "sign" font-specific?
Hi, it's possible that you don't have a font with that character. Can you try a couple of things:
- View the hosted example and see if the close icon displays as expected (as a cross)
- Try updating you local copy of the CSS so to use a character code instead of the literal character. (At line 52 of
src/ol3-popup.css
replacecontent: "✖";
withcontent: "\2716";
Thank you,
- changing to an x does work
- didn't try \2716
2b:
<meta charset="utf-8"> was missing in my <head> :-)
Sounds like you've fixed it 😄.
Did you clone the repository, download a zip or copy and paste the text from GitHub? If it was copy and paste then I'm guessing the file you pasted into might not of been encoded in Unicode.
the main joke was not shown in 2b ...:weary:
I should know markdown better!
Yes i fixed it, it was my own html, where the meta tag was missing.
i suggest using @charset "utf-8"; in the first line of ol3-popup.css.
Browsers will accept utf-8 characters then.
+1