@font-face {
    font-family: 'Roboto Slab';
    font-style : normal;
    font-weight: 100;
    src        : local('Roboto Slab'),
	url("https://redrockcode.com/educationMaterials/frameworks/fonts/robotoslab/fonts/RobotoSlab-Thin.ttf");
}

@font-face {
    font-family: 'Roboto Slab';
    font-style : normal;
    font-weight: 300;
    src        : local('Roboto Slab'),
	url("https://redrockcode.com/educationMaterials/frameworks/fonts/robotoslab/fonts/RobotoSlab-Light.ttf");
}

@font-face {
    font-family: 'Roboto Slab';
    font-style : normal;
    font-weight: 400;
    src        : local('Roboto Slab'),
	url("https://redrockcode.com/educationMaterials/frameworks/fonts/robotoslab/fonts/RobotoSlab-Regular.ttf");
}

@font-face {
    font-family: 'Roboto Slab';
    font-style : normal;
    font-weight: 700;
    src        : local('Roboto Slab'),
	url("https://redrockcode.com/educationMaterials/frameworks/fonts/robotoslab/fonts/RobotoSlab-Bold.ttf");
}