Site URL: https://emilycrowder.work/
Hi! I am attempting to make the subpages on my portfolio very custom. Each page is a different client project and therefore needs to be its own style in terms of font and color scheme. I'm having a hard time doing this.
This is my homepage: https://emilycrowder.work/ (note that there is no header/menu bar. You can click on the hyperlinked text to go to each individual page)
As an example, I want to use Proxima Nova font on the Purell page: https://emilycrowder.work/purell
Following online guides, I put this code in the Design > Custom CSS space:
@font-face {
font-family: "Purellfont";
src: url(https://static1.squarespace.com/static/61688eafa024502ebe2c43e7/t/61b8fd1a96f28263a1f12d98/1639513370307/ProximaNova-Sbold.otf) format('otf')
}
Next, I went to Pages > Purell > gear icon > Advanced and put in the following code:
<style>
h2 {
font-family: "Purellfont", sans-serif !important;
}
p {
font-family: "Purellfont", sans-serif !important;
}
</style>
I noticed that this code changed the fonts on the Purell page so that they are no longer the default font of Poppins; however, the Proxima Nova font is not being applied. I'm not sure what the placeholder is, but it's not the font I tried to install.
I am a total coding novice so as much explanation as possible would be greatly appreciated. Thank you SO much!