@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'Helvetica';
    src: url('/fonts/Helvetica-Font/Helvetica.ttf');
}

@font-face {
    font-family: 'RobotoSlab';
    src: url('/fonts/Roboto_Slab/RobotoSlab-Regular.ttf');
}

@font-face {
    font-family: Helvetica-Neu-Bold;
    src: url('/fonts/helveticaneue/Helvetica Neu Bold.ttf');
}

@font-face {
    font-family: Helvetica-Neu-Bold;
    src: url('/fonts/helveticaneue/Helvetica Neu Bold.ttf');
}

@font-face {
    font-family: Helvetica-Neu-Medium;
    src: url('/fonts/helveticaneue/HelveticaNeue Medium.ttf');
}

@font-face {
    font-family: Helvetica-Neu-Light;
    src: url('/fonts/helveticaneue/HelveticaNeue Light.ttf');
}

@font-face {
    font-family: Helvetica-Neu-Regular;
    src: url('/fonts/helveticaneue/HelveticaNeue.ttf');
}

@font-face {
    font-family: Helvetica-Neu-Thin;
    src: url('/fonts/helveticaneue/HelveticaNeue Thin.ttf');
}

@font-face {
    font-family: Helvetica-Neu-CondensedBold;
    src: url('/fonts/helveticaneue/HelveticaNeue-CondensedBold.otf');
}

@font-face {
    font-family: Helvetica-Neu-BlackCond;
    src: url('/fonts/helveticaneue/HelveticaNeue BlackCond.ttf');
}

@font-face {
    font-family: Noto-Serif-TC-Regular;
    src: url('/fonts/Noto_Serif_TC/NotoSerifTC-Regular.otf');
}

@font-face {
    font-family: Noto-Serif-TC-Bold;
    src: url('/fonts/Noto_Serif_TC/NotoSerifTC-Bold.otf');
}

@font-face {
    font-family: Noto-Serif-TC-SemiBold;
    src: url('/fonts/Noto_Serif_TC/NotoSerifTC-SemiBold.otf');
}

@font-face {
    font-family: Noto-Serif-TC-Light;
    src: url('/fonts/Noto_Serif_TC/NotoSerifTC-Light.otf');
}

.open-sans {
    font-family: 'Open Sans';
}

@font-face {
    font-family: RobotoSlab-Black;
    src: url('/fonts/Roboto_Slab/RobotoSlab-Black.ttf');
}

@font-face {
    font-family: RobotoSlab-Bold;
    src: url('/fonts/Roboto_Slab/RobotoSlab-Bold.ttf');
}

@font-face {
    font-family: RobotoSlab-ExtraBold;
    src: url('/fonts/Roboto_Slab/RobotoSlab-ExtraBold.ttf');
}

@font-face {
    font-family: RobotoSlab-ExtraLight;
    src: url('/fonts/Roboto_Slab/RobotoSlab-ExtraLight.ttf');
}

@font-face {
    font-family: RobotoSlab-Light;
    src: url('/fonts/Roboto_Slab/RobotoSlab-Light.ttf');
}

@font-face {
    font-family: RobotoSlab-Medium;
    src: url('/fonts/Roboto_Slab/RobotoSlab-Medium.ttf');
}

@font-face {
    font-family: RobotoSlab-SemiBold;
    src: url('/fonts/Roboto_Slab/RobotoSlab-SemiBold.ttf');
}

@font-face {
    font-family: RobotoSlab-Thin;
    src: url('/fonts/Roboto_Slab/RobotoSlab-Thin.ttf');
}

@font-face {
    font-family: SFPro-Bold;
    src: url('/fonts/sfpro/SFPRODISPLAYBOLD.OTF');
}

@font-face {
    font-family: SFPro-Regular;
    src: url('/fonts/sfpro/SFPRODISPLAYREGULAR.OTF');
}

@font-face {
    font-family: SFPro-Medium;
    src: url('/fonts/sfpro/SFPRODISPLAYMEDIUM.OTF');
}

@font-face {
    font-family: SFPro-Light;
    src: url('/fonts/sfpro/SFPRODISPLAYLIGHT.otf');
}

@font-face {
    font-family: SFPro-SemiBold;
    src: url('/fonts/sfpro/SFPROSEMIBOLD.otf');
}

@font-face {
    font-family: SF-Pro;
    src: url('/fonts/sfpro/SFPRODISPLAYREGULAR.OTF')
}

@font-face {
    font-family: SFPro-Heavy;
    src: url('/fonts/sfpro/SFPROHEAVY.otf');
}