Hello! I'm hoping someone can possibly help me sort out an issue I'm having with importing a font onto a pet profile.
I know how to import fonts from sites like Google Fonts or AllFont, and have successfully done so before. However, neither of these sites host a specific font that I want to make use of, so I was hoping I could import it from somewhere else. Most other sites only have the option to download the font and self-host, which obviously doesn't work well for a profile on Subeta. I managed to find one site that hosts the font and allows you to import it (I think so, anyway?), but they only mention using the HTML link code that needs to be in the page header, which we also can't do on Subeta. :( I've tried translating the code to a CSS version instead, utilizing the "@ import" function, but I haven't been able to make it work so far. Below is the HTML link code the site provides for using the font as well as the URL for the actual page, which contains the "@ font-face" coding, just like there would be for an imported Google font.
http://undertalefonts.duodecima.technology/webfonts/stylesheet.css I've tried several variations of a CSS version, which I've provided below (and obviously when testing I was only using one at a time). I also added the other relevant css and html bits, in case that's necessary.
<style>
url('//undertalefonts.duodecima.technology/webfonts/stylesheet.css');
url('http://undertalefonts.duodecima.technology/webfonts/stylesheet.css');
url('http://undertalefonts.duodecima.technology/webfonts/stylesheet.css?fonts=Determination+Mono');
url('http://undertalefonts.duodecima.technology/webfonts/stylesheet.css?family=Determination+Mono');
.txt { display: initial; font-size: 24pt; position: fixed; bottom: 22%; left: 25%; z-index: 5 !important; } .txt p { font-family: 'Determination Mono', monospace; }
boop
⨯ They/Them 🌿
Cw Thread [sup]🌿[/sup] Cw Shop [sup]🌿[/sup] Ping Group
☆ Large HA Templates Download || ▷ Includes B1-10, B18-21 ◁
Try using HTTPS. Since those URLs are HTTP, the browser may be blocking it from loading the resource for security reasons. If the website doesn't have HTTPS then I wouldn't trust it.
The import statements should work. I definitely recommend Google web fonts if that website doesn't work out. They have a lot of fonts so you might find something similar enough. Otherwise, if you have the font files, you could also try to host them yourself if you can find a secure host for it.
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
Wow, it didn't actually occur to me that I could just host them myself. :0 Thank you so much for that suggestion! I was wondering though, is there a particular way I need to have the files uploaded? I went ahead and uploaded all of the relevant font files and the stylesheet to my site in the same folder via FTP and cPanel and I can view the stylesheet via the url on my site, but the font still doesn't seem to show up on the pet profile. :/ Here's the url and the import statement below. Although I decided to try using a different font, I did make sure to use "https," and I do have SSL set up on my site. Do I possibly need to change permission settings for the files or something?
url('https://tyberius.art/fonts/Pixel_Operator_Mono/stylesheet.css');
Also, thank you so much for your help!! I super appreciate it. :)
⨯ They/Them 🌿
Cw Thread [sup]🌿[/sup] Cw Shop [sup]🌿[/sup] Ping Group
☆ Large HA Templates Download || ▷ Includes B1-10, B18-21 ◁
Can you put this code on a pet profile and link me, it'll be easier for me to troubleshoot it that way
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
Of course! It's currently up on Annoying Dog.'s page. Fair warning tho, it's probably a complete mess. 😅
Or did you want a pastebin link?
⨯ They/Them 🌿
Cw Thread [sup]🌿[/sup] Cw Shop [sup]🌿[/sup] Ping Group
☆ Large HA Templates Download || ▷ Includes B1-10, B18-21 ◁