Hello,
I am trying to update my site in regards to a lot of things that have been added to X in recent releases etc that were not available in the original release.
I have noticed that Google Fonts in Pro are a lot more accessible so I have a couple of questions regarding this:
1: I currently have the following code in my Child Theme CSS:
@import url(https://fonts.googleapis.com/css?family=Yantramanav:100,300|Lato:400,100,300,700,900|Roboto:400,100,300,500);
/* – FONT STYLING – */
.lato100 {
font-family: Lato, sans-serif!important;
font-weight: 100!important;
letter-spacing: 0.050em!important;
}
.lato101 {
font-family: Lato, sans-serif!important;
font-weight: 100!important;
word-spacing: 2px!important;
letter-spacing: 0.1em!important;
}
.lato300 {
font-family: Lato, sans-serif!important;
font-weight: 300!important;
word-spacing: 2px!important;
letter-spacing: 0.3em!important;
}
.lato400 {
font-family: Lato, sans-serif!important;
font-weight: 400!important;
word-spacing: 2px!important;
letter-spacing: 0.3em!important;
}
.lato700 {
font-family: Lato, sans-serif!important;
font-weight: 700!important;
word-spacing: 2px!important;
letter-spacing: 0.2em!important;
}
.yan300 {
font-family: Yantramanav, sans-serif!important;
font-weight: 300!important;
word-spacing: 1px!important;
letter-spacing: 0.1em!important;
}
.robo300 {
font-family: Roboto, sans-serif!important;
font-weight: 300!important;
word-spacing: 2px!important;
letter-spacing: 0.1em!important;
}
.robo500 {
font-family: Roboto, sans-serif!important;
font-weight: 500!important;
word-spacing: 2px!important;
letter-spacing: 0.2em!important;
}
.robobody {
font-family: Roboto, sans-serif!important;
font-weight: 300;
word-spacing: 2px!important;
}
.spacing {
word-spacing: 2px!important;
letter-spacing: 0.1em!important;
}
So with the above code in mind, and the latest version of Pro and Cornerstone, am I now able to do away with that code and just use it by adding the required fonts in Cornerstone?
2: However, I have got and use this styling on both my Store pages and my Blog related pages so what would be the best way for me to move forward updating my site and code etc bringing it up to more recent and modern-day web standards.
I am attempting to lessen as much code etc on my site and would appreciate it very much if you could help me out with this and give me some information and insight on what is the best way for me to go about this.
Thank you.