Skip to main content
Barbara_Triptyque
Barbara_Triptyque
Participant
February 24, 2021
Answered

web project how to use font family-display?

  • February 24, 2021
  • 1 reply
  • 962 views

Hi, i'm using Adobe Fonts in my webproject, where i saved Garamond Premier Pro, Garamond Premier Pro Caption,  and Garamond Premier Pro Display.

I've copied the exact css from the adobe fonts website and inserted them in the different parts I want them (p {font-family: garamond-premier-pro-caption; font-style: normal; font-weight: 400;}, h1 {font-family: garamond-premier-pro; font-style: normal; font-weight: 400;}, etc.) but the only font showing is the Garamond Premier Pro. 

What am i doing wrong? Advice is very welcome 😉

    This topic has been closed for replies.
    Correct answer Barbara_Triptyque

    Hi Nancy,

    I figured it out in the end, it was in the code used by the developer. He insisted on using <script> + .js instead of <style> + .css

    Thank you nonetheless for taking the time to reply!

    1 reply

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    February 27, 2021

    Can you post the URL to your problem page online so we can see it?

     

    Nancy O'Shea— Product User & Community Expert
    Barbara_Triptyque
    Barbara_TriptyqueAuthorCorrect answer
    Participant
    March 4, 2021

    Hi Nancy,

    I figured it out in the end, it was in the code used by the developer. He insisted on using <script> + .js instead of <style> + .css

    Thank you nonetheless for taking the time to reply!

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    March 5, 2021

    Yes, code errors can make a lot of difference.  Glad you got it all sorted. 🙂

     

    Nancy O'Shea— Product User & Community Expert
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices