Coder Social home page Coder Social logo

Comments (20)

m-dango avatar m-dango commented on May 24, 2024

I mashed together a small Greasemonkey script which modifies the CSS in your browser to include the font in the body.

https://gist.github.com/mienaikage/4f487dcee7d04ba2f6d4c615812af668

from emojione-color-font.

13rac1 avatar 13rac1 commented on May 24, 2024

@mienaikage That's a good start!

A long term solution IMO need to work without Greasemonkey. Segoe UI Emoji cannot be deleted because it is a protected system file. The solution on Linux is a custom fontconfig and on OSX is to change the internal postscript name of the font to override Apple Color Emoji. There has to be a method to change the default emoji font in the Windows similarly. Perhaps in the registry?

from emojione-color-font.

m-dango avatar m-dango commented on May 24, 2024

I've made some progress on Windows 8.1.

Under HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts I cleared the data for Segoe UI Emoji and Segoe UI Symbol. Under HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\FontSubstitutes I added Segoe UI with data set as Emoji One Color

Most of the emoji are now showing correctly in Firefox, however there are issues with some characters in the Windows UI.

from emojione-color-font.

13rac1 avatar 13rac1 commented on May 24, 2024

Interesting. What are the character issues? I haven't done any Windows specific optimizations. It may need font hinting since Windows doesn't do that itself.

from emojione-color-font.

m-dango avatar m-dango commented on May 24, 2024

I'm not currently at a Windows machine so I don't have a screenshot of the effect, but some of the icons affected are the search and power icons on the top right of the start menu, and the down arrow on the bottom left. They appear as rectangles.

For reference:
http://www.techspot.com/images2/news/header/2014/04/2014-04-02.png

from emojione-color-font.

13rac1 avatar 13rac1 commented on May 24, 2024

They will appear as rectangles if the font glyph is missing. Those characters are probably in the Segoe UI Symbol font. You probably shouldn't remove it from the registry.

from emojione-color-font.

m-dango avatar m-dango commented on May 24, 2024

Unfortunately Segoe UI Symbol has a lot of emoji itself, which will be displayed instead of Emoji One if it remains present:
http://www.istartedsomething.com/uploads/emojisegoe.html

I have some free time this evening so may try and do some more investigating.

from emojione-color-font.

yincrash avatar yincrash commented on May 24, 2024

I accomplished this using FontForge to merge Segoe UI Symbols font and an emoji font. Windows' MSDN page on Font Linking made me believe it was possible just using the registry, but it didn't work out. Other than wholesale replacing the Symbols font with an emoji font, this seemed like the only approach that worked decently.

from emojione-color-font.

yincrash avatar yincrash commented on May 24, 2024

I can upload a gist of the fontforge script (it's fairly simple), but this is what it ends up looking like in Windows 7. Since 7 doesn't support color, I haven't tested if this would work with the color emojis in the newer Windows versions.
emojionewin7

from emojione-color-font.

13rac1 avatar 13rac1 commented on May 24, 2024

Is that a screenshot from Chrome? I've actually tested this font to work in color in Windows XP in Firefox. Oh... Fontforge... that's probably why. Fontforge doesn't support the SVG table. Which is why I use both Fontfont and Fonttools in SCFBuild.

from emojione-color-font.

yincrash avatar yincrash commented on May 24, 2024

Yeah it's from Chrome on Win 7. Do the other tools have merging abilities?

from emojione-color-font.

13rac1 avatar 13rac1 commented on May 24, 2024

Fonttools can be used to do it, but it is just a library which is why I wrote SCFbuild. There may be merge scripts in: https://github.com/googlei18n/nototools

A concern: I will not be able to distribute a font made from merging with the Microsoft copyrighted Segoe UI Symbols font.

from emojione-color-font.

yincrash avatar yincrash commented on May 24, 2024

Isn't it okay to distribute a script that merges a user's existing fonts?

edit: Essentially an 'install' script a user could run (maybe with an uninstall that would put the original symbol font back.)

from emojione-color-font.

13rac1 avatar 13rac1 commented on May 24, 2024

Yes, the script is fine, but the font is not.

Hmm... Will Windows Resource Protection allow the file to be changed?

from emojione-color-font.

yincrash avatar yincrash commented on May 24, 2024

You can copy the file out of the fonts folder, merge them. Then either copy it to the fonts directory (requiring admin privileges), or open the new merged font with the font viewer and ask the user to click the Install button. I know the install button will make it override the old unmerged font, but I'm not sure if copying into the folder will if they have different filenames (you might also have to change the font registry entry for it with that route).

from emojione-color-font.

13rac1 avatar 13rac1 commented on May 24, 2024

Ah.. So overriding a font with the same name works? This what I do for the OSX version: https://github.com/eosrei/emojione-color-font/blob/master/scfbuild-osx.yml#L24-L25

from emojione-color-font.

yincrash avatar yincrash commented on May 24, 2024

Yeah, however, if you just put in a new font with the same name without the other glyphs in the Symbols font, you will have the problem @mienaikage had where there are parts of the UI that use non-emoji glyphs from the font. I'm not positive how much of 7 uses it, but it does seem that 8.1 uses it.

from emojione-color-font.

yincrash avatar yincrash commented on May 24, 2024

So I successfully got color emojis to be added to the segoe ui symbol font on Win7. I cleared out the font of everything above 0xFFFF using FontForge, then modified SCFBuild to take in the cleaned font instead of creating a new font. However, it's not perfect since some of the b/w glyphs give me tofu, and there were quite a few errors that were thrown while it was building.

firefoxvschrome

from emojione-color-font.

13rac1 avatar 13rac1 commented on May 24, 2024

Interesting! Good progress!

from emojione-color-font.

yincrash avatar yincrash commented on May 24, 2024

Let me know how this PR looks. I decided to go a much simpler route that worked very well once I figured out why pyftmerge was creating a font that Windows considered invalid. I will probably also submit a PR to https://github.com/behdad/fonttools which would make the extra python script unnecessary eventually. I've been using OSX to build and the final font works fine on Windows 7. I'll try and see if I can find a way to test it on newer versions of Windows.

from emojione-color-font.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.