Viewing Custom Fonts are not displayed
Custom Fonts are not displayed
|
User: Cornela W. 10 months ago
|
|
|
Please help.... I want to use custom fonts (SourceSansPro). I have dropped my .ttf Font file onto EverWeb’s Assets listand it’s listed under the External Files section. Then I entered the following code into the Head Code, but it’s not working... (do I have to add every Font file or only the font-family name?) Could someone help me? <style> @font-face { font-family: "Source Sans Pro"; src: url("{!-ASSETSPATH-!}External%20Files/SourceSansPro-Bold.ttf"), src: url(*{!-ASSETSPATH-!}External%20Files/SourceSansPro-Regular.ttf), src: url(*{!-ASSETSPATH-!}External%20Files/SourceSansPro-SemiBold.ttf), src: url(*{!-ASSETSPATH-!}External%20Files/SourceSansPro-Italic.ttf) } </style> |
|
|
User: EverWeb Support 10 months ago
|
|
|
Hi Cornela, Thank you for posting. To help you more efficiently, please open a support ticket and send us your EverWeb project file so we can take a closer look and guide you step-by-step. You can open a ticket here: https://billing.ragesw.com/submitticket.php Here’s how to send us your project file: 1. Open EverWeb's **Projects Window**. 2. Click the arrows next to your project and choose **"Send Project File to Support"**. 3. Once uploaded, EverWeb will give you a **link**, **please include that link in your support ticket**. Once we receive your file, we’ll review it and get back to you as soon as possible! Best Regards, ------------------------------- EverWeb Customer Support Submit Tickets or Learn More |
|
|
User: Paul-RAGESW 10 months ago
|
|
|
Hi Cornela, Looking a the code you added to EverWeb, you have an * after the url( in the last 3 fonts you added. That should not be there. You need to surrounded the url with quotes. So it should be this; <style> @font-face { font-family: "Source Sans Pro"; src: url("{!-ASSETSPATH-!}External%20Files/SourceSansPro-Regular.ttf"), } </style> Additionally, each font style needs to have it's own unique name like this <style> @font-face { font-family: "Source Sans Pro"; src: url("{!-ASSETSPATH-!}External%20Files/SourceSansPro-Regular.ttf"), } @font-face { font-family: "Source Sans Pro Italic"; src: url("{!-ASSETSPATH-!}External%20Files/SourceSansPro-Italic.ttf") } @font-face { font-family: "Source Sans Pro Bold"; src: url("{!-ASSETSPATH-!}External%20Files/SourceSansPro-Bold.ttf"), } @font-face { font-family: "Source Sans Pro Semi Bold"; src: url("{!-ASSETSPATH-!}External%20Files/SourceSansPro-SemiBold.ttf"), } </style> Last edit 10 months ago ------------------------------- Paul EverWeb Developer |
|
| Post Reply |
| You must login or signup to post. |