From 12a7c01a06579f99c9d4dc4e571f71a2f6658e85 Mon Sep 17 00:00:00 2001 From: Brad Erickson Date: Wed, 24 Feb 2016 15:30:46 -0800 Subject: readme: Add Linux, OSX, Win10 screenshots --- README.md | 11 ++++++----- full-demo.html | 7 +++++-- images/demo.png | Bin 0 -> 472858 bytes images/linux-chrome.png | Bin 0 -> 118463 bytes images/linux-firefox.png | Bin 0 -> 118003 bytes images/osx-firefox.png | Bin 0 -> 129753 bytes images/osx-safari.png | Bin 0 -> 106643 bytes images/win10-edge.png | Bin 0 -> 99557 bytes images/win10-firefox.png | Bin 0 -> 138962 bytes 9 files changed, 11 insertions(+), 7 deletions(-) create mode 100644 images/demo.png create mode 100644 images/linux-chrome.png create mode 100644 images/linux-firefox.png create mode 100644 images/osx-firefox.png create mode 100644 images/osx-safari.png create mode 100644 images/win10-edge.png create mode 100644 images/win10-firefox.png diff --git a/README.md b/README.md index 1ac0e87..bdaf609 100644 --- a/README.md +++ b/README.md @@ -12,8 +12,6 @@ for backwards/fallback compatibility. [3]: http://www.unicode.org/reports/tr51/#Diversity [4]: http://www.unicode.org/reports/tr51/#Flags -## Examples - ## What is SVGinOT? *SVG in Open Type* is the new standard by Adobe and Mozilla for color OpenType and Open Font Format fonts [adopted by the W3C on January 27th 2016][5]. It @@ -30,13 +28,16 @@ SVGinOT Demos (Firefox only): [6]: https://www.w3.org/2013/10/SVG_in_OpenType/ [7]: https://www.microsoft.com/typography/otspec/svg.htm +## Examples +![Firefox color emoji in Linux, OS X, and Firefox](images/demo.png?raw=true) + ## Usage - Linux The font can be installed and set as the default Emoji font system wide. 1. Store the font file in your `~/.fonts/` directory. 2. Create a font config directory: ```sh -mkdir -p `~/.config/fontconfig/` +mkdir -p ~/.config/fontconfig/ ``` 3. Override your default by creating a `fonts.conf`: @@ -82,7 +83,7 @@ sudo mv Apple\ Color\ Emoji.ttf Apple\ Color\ Emoji.ttf-old *Reiterating: Only FireFox supports the color emoji for now. Safari and Chrome will use the fallback black and white emoji.* -## Usage - Microsoft Windows 10 +## Usage - Windows 10 The font installs like any other font and can be specifically selected, but the system will default to the `Segoe UI Emoji` font. @@ -116,7 +117,7 @@ Or faster with multiple builds: `'make -j 4` *I am happy with the resulting glyphs, but if you have ideas about making them look even better let me know! I am not a font building professional and -only recently learned how to do all of this. So, it may be terribly wrong.* 😋 +only recently learned how to do all of this.* 😋 ## Licenses diff --git a/full-demo.html b/full-demo.html index 1df8f6f..6c8dffe 100644 --- a/full-demo.html +++ b/full-demo.html @@ -10,15 +10,18 @@ .embiggen { font-size: 3em; } + strong { + font-size: .5em; + }

- Full set of color Unicode emoji supported by the +

Full set of color Unicode emoji supported by the Emoji One Color SVG-in-OpenType font. - +

This will only show the Emoji One Color icons if you have the font diff --git a/images/demo.png b/images/demo.png new file mode 100644 index 0000000..b66e043 Binary files /dev/null and b/images/demo.png differ diff --git a/images/linux-chrome.png b/images/linux-chrome.png new file mode 100644 index 0000000..a2d5256 Binary files /dev/null and b/images/linux-chrome.png differ diff --git a/images/linux-firefox.png b/images/linux-firefox.png new file mode 100644 index 0000000..827f991 Binary files /dev/null and b/images/linux-firefox.png differ diff --git a/images/osx-firefox.png b/images/osx-firefox.png new file mode 100644 index 0000000..499b9ca Binary files /dev/null and b/images/osx-firefox.png differ diff --git a/images/osx-safari.png b/images/osx-safari.png new file mode 100644 index 0000000..b6bcdb5 Binary files /dev/null and b/images/osx-safari.png differ diff --git a/images/win10-edge.png b/images/win10-edge.png new file mode 100644 index 0000000..d6eaf9a Binary files /dev/null and b/images/win10-edge.png differ diff --git a/images/win10-firefox.png b/images/win10-firefox.png new file mode 100644 index 0000000..6cbd663 Binary files /dev/null and b/images/win10-firefox.png differ -- cgit v1.2.3