From 95a131e48c76b9ab908dae8f218de942ae977740 Mon Sep 17 00:00:00 2001 From: Jelle Kok Date: Sun, 17 Apr 2016 17:44:50 +0200 Subject: [PATCH] Add emoji font-family Now you can see colored icons instead of a black icon --- templates/protostar/css/template.css | 2 +- templates/protostar/less/variables.less | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/templates/protostar/css/template.css b/templates/protostar/css/template.css index faff51485553f..5b37e6a70d3a2 100644 --- a/templates/protostar/css/template.css +++ b/templates/protostar/css/template.css @@ -204,7 +204,7 @@ textarea { } body { margin: 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 18px; color: #333; diff --git a/templates/protostar/less/variables.less b/templates/protostar/less/variables.less index b0e6227dd2a91..bd38b0ee8880d 100644 --- a/templates/protostar/less/variables.less +++ b/templates/protostar/less/variables.less @@ -44,9 +44,9 @@ // Typography // ------------------------- -@sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif; -@serifFontFamily: Georgia, "Times New Roman", Times, serif; -@monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace; +@sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol"; +@serifFontFamily: Georgia, "Times New Roman", Times, serif, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol"; +@monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol"; // > Joomla JUI @baseFontSize: 13px;