diff --git a/templates/beez3/css/template.css b/templates/beez3/css/template.css index c69471499b9ba..09a95e8f382b9 100644 --- a/templates/beez3/css/template.css +++ b/templates/beez3/css/template.css @@ -20,6 +20,7 @@ body { text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + font-family: "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol"; } body.contentpane { diff --git a/templates/protostar/css/template.css b/templates/protostar/css/template.css index f17c17a642883..38b0bd5680d55 100644 --- a/templates/protostar/css/template.css +++ b/templates/protostar/css/template.css @@ -207,7 +207,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/index.php b/templates/protostar/index.php index e2e54f81cb5f3..b1b89604897b8 100644 --- a/templates/protostar/index.php +++ b/templates/protostar/index.php @@ -52,7 +52,7 @@ $doc->addStyleSheet('//fonts.googleapis.com/css?family=' . $this->params->get('googleFontName')); $doc->addStyleDeclaration(" h1, h2, h3, h4, h5, h6, .site-title { - font-family: '" . str_replace('+', ' ', $this->params->get('googleFontName')) . "', sans-serif; + font-family: '" . str_replace('+', ' ', $this->params->get('googleFontName')) . ", Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol, sans-serif;' }"); } diff --git a/templates/protostar/less/variables.less b/templates/protostar/less/variables.less index 438bdb4a35d4e..f3a64123d62a3 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;