// Currently Done Like So
@font-face {
    font-family: 'PoppinsRegular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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


p {
  font-family: 'PoppinsRegular', sans-serif;
  strong {
    font-family: 'PoppinsSemiBold', sans-serif;
  }
}


// VS Proposed Solution

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

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

body {
  font-family: 'Poppins', sans-serif;
}

p {
  font-weight:400;
  strong {
    font-weight:600;
  }
}