result summary challenge solution

Community feedback

• 

  TJ•110

  @TJRellyPosted over 1 year ago

  This is the code I used to place the font into my project.

  In the css file:

  @font-face {
      font-family: 'HankenGrotesk';
      font-display: swap;
      font-weight: 100 900;
      src: url(**assets/fonts/HankenGrotesk-VariableFont_wght.ttf**) format('truetype');
  }
  

  The only difference you may have is the file location of the font. I placed my downloaded font in the following folder:

  assets/fonts/HankenGrotesk-VariableFont_wght.ttf

  0

  ---

  

  Bright Anua•170

  @prolixtrexPosted over 1 year ago

  @TJRelly thanks. I have done that but I did not see any changes on the page. By the way, your font location is the same as mine.

  0

  

  TJ•110

  @TJRellyPosted over 1 year ago

  @prolixtrex

  I just took a look at your code and noticed that you didn't apply the following:

  font-family: 'HankenGrotesk' and/or font-weight: 100 or font-weight: 900

  property to any selectors that target the text you are trying to change.

  0

  

  Bright Anua•170

  @prolixtrexPosted over 1 year ago

  @TJRelly Yes I know, I was finding it difficult using the font. But I have figured it out with your help

  1