Popsu-coloque/web/themes/custom/popsu_colloque/css/typography.scss

@font-face {
    font-family: 'dukefill';
    src: url('../fonts/duke_fill-webfont.woff2') format('woff2'),
         url('../fonts/duke_fill-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cormorantBold';
    src: url('../fonts/Cormorant-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Cormorant-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cormorantBoldItalic';
    src: url('../fonts/Cormorant-BoldItalic-webfont.woff2') format('woff2'),
         url('../fonts/Cormorant-BoldItalic-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'truenoregular';
    src: url('../fonts/truenorg-webfont.woff2') format('woff2'),
         url('../fonts/truenorg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#block-mainnavigation{
  ul{
    li{
      font-size: 0.9rem;
      a{
        color: black;
        font-family: 'truenoregular';
        &:hover{
          color: black;
          text-decoration: none;
          font-weight: bold;
        }
      }
    }
  }
}
a{
  &:hover{
    text-decoration: none;
  }
}
main{

  h2{
    font-family: 'dukefill';
    font-size: 3.5rem;
    line-height: 3rem;
    letter-spacing: $letter_spacingH;
  }
  h2, a{
    color: $color2;
  }
  &.home{
    h2{
      font-size: 2rem;
      font-family: 'truenoregular';
      line-height: normal;
    }
  }

 #txt_present{
   .__sub-title-present{
     p{
       font-family: 'truenoregular';
       font-style: italic;
       font-size: 0.9rem;
       line-height: 1.2rem;
     }
   }
   .__body-present{
     p{
       font-family: 'truenoregular';
       font-weight: lighter;
       font-size: 1.2rem;
       line-height: 1.8rem;
     }
   }
   .more_link{
     a{
       font-size: 0.7rem
     }
   }
 }

.more_link{
  a{
    font-family: 'truenoregular';
    font-size: 0.6rem;
  }
}

  h3{
    text-transform: uppercase;
    margin: 2rem 0;
    font-family: 'dukefill';
    font-size: 3rem;
    letter-spacing: $letter_spacingH;
    color: $lightgrey;
  }
  .__ressources{
    h4{
      text-transform: uppercase;
      margin: 2rem 0;
      font-family: 'dukefill';
      font-size: 2rem;
      letter-spacing: $letter_spacingH;
      color: $color2
    }
  }

blockquote{
  p{
    font-family: 'cormorantBold';
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: lighter;
    @media screen and (min-width: 768px) {
      font-size: 3rem;
      line-height: 3.5rem;
    }
  }
}

p{
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: 'truenoregular';
}

a{
  color: black;
  &:hover{
    color: black;
  }
}
.__wrap_content{
  p{
    a{
      display: inline;
      background: $underline;
    }
  }
}



// Page programme
.container{
  &.programme{
    h3{
      font-size: 1.5rem;
      font-family: 'truenoregular';
      color: $col_black;
    }
  }
}

// page publication
article{
  &.publications{
    .__wrap_content{
      .__head{
        & *{
          color: $color2;
        }
        .__auteur{
          div{
            font-family: 'cormorantBold';
            font-size: 1.5rem;
          }
        }
        .__titre{
          span{
            font-family: 'cormorantBoldItalic';
            font-size: 1.5rem;
          }
        }
        .__info{
          margin: 1rem 0;
          div{
            font-family: 'cormorantBold';
            font-size: 1rem;
          }
        }
      }
    }
  }
}
.thumbnails{
  time, .type_moment{
    font-family: 'truenoregular';
    font-size: 0.9rem;
    text-transform: uppercase;
  }
  &.programme{
    .__content{
      font-family: 'truenoregular';
      font-weight: bold;
      font-size: 1rem;
      text-transform: uppercase;
    }
  }
  &.publications{
    .__content{
      div{
        font-family: 'cormorantBold';
        font-size: 1.2rem;
      }
      span{
        font-family: 'cormorantBoldItalic';
        font-size: 1.2rem;
      }
    }
  }
  &.bibliographie{
    background: transparent;
    div,p{
      font-family: 'cormorantBold';
      font-size: 1.2rem;
    }
    span{
      font-family: 'cormorantBoldItalic';
      font-size: 1.2rem;
    }
  }
}

// page shadow_participants
article{
  &.participant_full{
    .__auteur{
      h2{
        font-family: 'truenoregular';
        font-size: 2rem;
        letter-spacing: normal;
      }
    }
    .status{
      div{
        font-family: 'truenoregular';
        font-style: italic;
        font-size: 0.8rem;
        text-align: center;
        @media screen and (min-width: 768px) {
          text-align: left;
        }
      }
    }
  }
}


// thumbnails_participants
.thumbnails_participants{
  @include shadow_participants;
  *{
    color: $color2;
  }
  .__name{
    font-family: 'truenoregular';
    font-size: 1rem;
  }
  .__qualite{
    font-family: 'truenoregular';
    font-size: 0.8rem;
    font-style: italic;
  }
}

.paragraph--type--role-de-l-intervenant{
  .___title_inter{
    div{
      font-family: 'truenoregular';
      font-weight: bold;
      font-size: 0.8rem;
      text-transform: uppercase;
    }
  }
}

  article{
    .__head{
     div{
       font-family: 'truenoregular';
       font-size: 1rem;
       // text-transform: uppercase;
     }
    }
  }

  #block-views-block-slide-programme-block-1,
  #block-views-block-dernieres-publications-block-1{
    h3{
      text-transform: uppercase;
      margin: 0;
      font-family: 'dukefill';
      font-size: 2rem;
      letter-spacing: $letter_spacingH;
      color: $color2
    }
  }

}

#block-popsu-colloque-submenu{
  ul{
    li{
      a{
        font-size: 2rem;
        font-family: 'dukefill';
        letter-spacing: 0.05rem;
        text-transform: uppercase;
      }
    }
  }
}


.more_link{
  span{
    padding-left: 0.5rem;
  }
}