@use './common/var.scss' as*;
//Roboto Slab
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500&display=swap');
//Merriweather
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700;1,900&display=swap');
//Playfair Display and lora
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
// PT Serif
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

//Best Sans Serif Fonts
//Montserrat
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
//Poppins
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

//Best Display Fonts
//Bebas neue
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
//mono space fonts
//roboto mono
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,400;0,500;0,700;1,100;1,200;1,700&display=swap');

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans.ttf') format('truetype');
  // src: url("#{$font-path}/OpenSans.ttf") format("truetype");
}
@font-face {
  font-family: QuickSand;
  src: url('../fonts/Quicksand.ttf') format('truetype');
}

@font-face {
  font-family: Pacifico;
  src: url('../fonts/Pacifico.ttf') format('truetype');
}
@font-face {
  font-family: OstrichSans;
  src: url('../fonts/ostrich-regular.ttf') format('truetype');
}
@font-face {
  font-family: JosefinSans;
  src: url('../fonts/JosefinSans-Regular.ttf') format('truetype');
}