Charlie1 Posted March 6, 2021 Share Posted March 6, 2021 Site URL: https://horse-harpsichord-t4nc.squarespace.com/ Can't seem to change the paragraph font with css. I'm using the exact same code from another site I built but nothing seems to be changing. Any thoughts? This is what I'm using: p { font-family: Compagnie-2, alternative-web-safe-font; } Link to comment
Wolfsilon Posted March 6, 2021 Share Posted March 6, 2021 Hey Charlie! The link you shared is to the editor side of your website, blocked by a password. If you could attach the domain URL we could see the page without a password. If the font isn't included in the stock site fonts, you'll need to download the font and upload the font-file to your site. Alternatively, you can find a third-party host (url) for the font you want to use. Their are advantages and disadvantages to using a third-party host. If the host that you're using goes offline, gets updated to a new link, or becomes abandoned, the website font will revert to default or disappear entirely. That's a decision you'll need to make. Download the ".otf" file and upload it to your site. You can do this in your Custom CSS editor. At the bottom of the CSS editor box, you'll see. "Manage Custom Files". You need to be sure you've uploaded the font-file in that box. Start with: @font-face { font-family: 'NAME_OF_FONT'; src: url('FONT URL'); } If you've found a host, just put the host link as the source in the 'FONT URL' box. After the closing bracket, you'll be able to use that font for the text CSS selectors. Final Example: @font-face { font-family: 'NAME_OF_FONT'; src: url('FONT URL'); } p { font-family: 'NAME_OF_FONT'; font-size: 'YOU_GET_THE_PICTURE'; } Link to comment
Charlie1 Posted March 6, 2021 Author Share Posted March 6, 2021 @Wolfsilon The password is "known" I've uploaded the font files and everything, but still doesn't change. The headers and everything else change, just not the paragraph fonts. Very strange! Link to comment
Wolfsilon Posted March 6, 2021 Share Posted March 6, 2021 Ahh, I see now. I'm on the "About - TRAV" page. If you were to use: #block-2fda8c2e7ed40eb43a76 p { font-family: 'Compagnie-2'; } Does that change the font at all in the biography paragraph? Hopefully it does. If so, you may need to use the "[data-section-ID]" call to make the font change on each section. ec25 1 Link to comment
Charlie1 Posted March 6, 2021 Author Share Posted March 6, 2021 @Wolfsilon That worked! Thank you!! Wolfsilon 1 Link to comment
Mushky Posted March 14, 2021 Share Posted March 14, 2021 I'm having the same issue. I used the same font as you posted and all the body paragraphs are not changing. The H1 font worked but not the rest. Link to comment
tuanphan Posted March 23, 2021 Share Posted March 23, 2021 On 3/15/2021 at 2:36 AM, Mushky said: I'm having the same issue. I used the same font as you posted and all the body paragraphs are not changing. The H1 font worked but not the rest. can you share link to your site? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment