/* @font-face {
  font-family: 'Barlow Condensed';
  src: local('Barlow Condensed'), url('../font/BarlowCondensed-Regular.ttf') format('woff');
} */

/* @font-face {
  font-family: 'Open Sans';
  src: local('Open Sans'), url('../font/OpenSans-Regular.ttf') format('woff');
} */

/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap'); */

@font-face {
  font-family: "Roboto Black";
  src: url("../font/Roboto-Black.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto BlackItalic";
  src: url("../font/Roboto-BlackItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto BoldItalic";
  src: url("../font/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Italic";
  src: url("../font/Roboto-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Light";
  src: url("../font/Roboto-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto LightItalic";
  src: url("../font/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Thin";
  src: url("../font/Roboto-Thin.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto ThinItalic";
  src: url("../font/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../font/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../font/OpenSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../font/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("../font/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../font/BarlowCondensed-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../font/BarlowCondensed-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../font/BarlowCondensed-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../font/BarlowCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* Regular với tên riêng */
@font-face {
  font-family: 'InterRegular';
  src: url('/assets/font/inter/Inter-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Bold với tên riêng */
@font-face {
  font-family: 'InterBold';
  src: url('/assets/font/inter/Inter-Bold.woff2') format('woff2');
  font-weight: normal;  /* để normal vì bạn không cần set weight nữa */
  font-style: normal;
}