Topic: roboto font google api
hello why you don't use the google api for include roboto font ?
you just have to change this :
/*********************
Roboto font
**********************/
@font-face {
font-family: "Roboto";
src: url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
font-weight: 200;
}
@font-face {
font-family: "Roboto";
src: url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Roboto";
src: url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Roboto";
src: url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype");
font-weight: 700;
}
TO :
/*********************
Roboto font
**********************/
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
@font-face {
font-family: "Roboto";
font-weight: 200;
}
@font-face {
font-family: "Roboto";
font-weight: 300;
}
@font-face {
font-family: "Roboto";
font-weight: 400;
}
@font-face {
font-family: "Roboto";
font-weight: 500;
}
@font-face {
font-family: "Roboto";
font-weight: 700;
}
Add comment
Hello,
some developers prefers to have the fonts on the server, because it sometimes happen they write a code without being connected to the Internet. For example I do work like that from time to time to avoid a distractions.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags
Related topics