Add emoji font-family

Now you can see colored icons instead of a black icon
joomla · Apr 17, 2016 · 95a131e · 95a131e
1 parent 5207bac
commit 95a131e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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;