Recent
Categories
View Replies (3)

Amelia: Google font not appearing on Android phone

0
Votes
Undo
  1. keithvb
    keithvb
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 31 May 2022
  5.  Subscribe via email
Using Amelia 3, Win 10, Joomla 3, Google font 'Pompiere'

Set h1 in custom .css
/* article title on home page */
h1{
letter-spacing: 0px !important;
/* font-family is set in template config */
/* font-family: "Pompiere", cursive, Arial, sans !important; */
font-weight: normal !important;
font-size: 36px !important;
color: #205395 !important;
}

h2 is set to Pompiere in template's 'Typography Styling'

Works perfectly on desktop/laptop with FF and Chrome.

H1 font defaults to sans on Android.

https://bak.alamedadoula.com/

What am I missing?
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

It seems like you may be setting a font that is not available, the font you are looking to use is installed on your desktop but not on your android device? To ensure your font is available to all devices you will need to import it via, for example, a @font-face rule (https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp) or from a CDN (https://fonts.google.com/)

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
keithvb
keithvb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks. You pointed me in the right direction.
This was my solution:

go to: public_html/http://bak.alamedadoula.com/templates/j51_amelia/index.php

add this between <head> and </head>: <link href='https://fonts.googleapis.com/css?family=Pompiere' rel='stylesheet' type='text/css'>
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Great. Thank you for the update and for sharing your solution. :)

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!