Jump to content

amelania

Member
  • Posts

    10
  • Joined

  • Last visited

Everything posted by amelania

  1. Still having this problem.... has anyone found new solutions around this? @tuanphan?
  2. Update: adding -webkit-font-smoothing: antialiased; replaced my font to the standard theme font, as did assigning it a specific weight like 700. Still having this problem if anyone else has other ideas. 😞
  3. Vicks, here's the rest of the CSS where the custom typeface is loaded and labeled. Ubuntu shouldn't be anywhere on my site, the two typefaces should be Emy's Alt and Andes. Emy's Alt has three weights I want used: Black, Bold, and Regular as shown below. I appreciate you looking into this! @font-face { font-family: 'EmysAltBlack'; src: url('https://static1.squarespace.com/static/62defd12f69ade46d9236166/t/63efa7a9e63e4552bfd5b0ca/1676650409134/emyslabalt-black.otf'); } @font-face { font-family: 'EmysAltBold'; src: url('https://static1.squarespace.com/static/62defd12f69ade46d9236166/t/63efa85934eb1063a437e7a3/1676650585248/emyslabalt-bold.otf'); } @font-face { font-family: 'EmysAltReg'; src: url('https://static1.squarespace.com/static/62defd12f69ade46d9236166/t/63efa863add14e30df6c2382/1676650595901/emyslabalt-regular.otf'); } @font-face { font-family: 'Andes'; src: url('https://static1.squarespace.com/static/54dc343ce4b0c2bd84e1460e/t/5f4d3d06c711810c2e62b238/1598897414385/Latinotype+-+Andes.otf'); } /* Font Styles */ h1 {font-family: 'EmysAltBlack' !important; } h2 {font-family: 'EmysAltBold' !important; } h3 {font-family: 'EmysAltBold' !important; } h4 {font-family: 'EmysAltReg' !important; } p {font-family: 'Andes' !important; } .main-nav a { font-family: 'EmysAltBold' !important; } #site-title {font-family: 'EmysAltBlack' !important; }
  4. Yeah, the screenshots are here: https://www.andreamelania.com/work/locallands
  5. Additionally, here's my code: h1 {font-family: 'EmysAltBlack' !important; } h2 {font-family: 'EmysAltBold' !important; } h3 {font-family: 'EmysAltBold' !important; } h4 {font-family: 'EmysAltReg' !important; } p {font-family: 'Andes' !important; }
  6. Hey everyone! I have two font issues going on that only manifest when I look at my website on my iPhone. Mobile mode does not show it on the desktop, and the fonts work as they should when navigate the website on the desktop. I have custom fonts that I've designated for headings and body copy. Problem 1: The headings are appearing extra extra bold on mobile. How can I cancel out this weight so that the font is viewed as its designed? Problem 2: Body copy and color are reverted to whatever template font I have set for the website. How do I force my custom font to show up on mobile? Again, I'm only seeing these issues on my mobile phone. First screenshot is how it SHOULD look on mobile. Second screenshot is the problem.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.