Support threads, fixes, and FAQs.

Custom font CSS has mysteriously stopped working

Last activity: 7/29/2023, 8:06:38 PMJoin the discussion →
Original post
So I've been using the same template for a while now, and as of today the font is different and won't respond to anything else I try to change it to. The CSS for changing the color of the heart is working fine, and that very same font is used elsewhere in my OBS set up and it's working fine over there. I even tried setting up a new source with a different template from the discord here just to see if anything changed, but yeah not sure what's up. Not a big deal, but I can't seem to get any results on my end and didn't see anyone else talking about it yet so I figured I'd post this and see if anyone else has the same. Thanks in advance on any help! The CSS code I'm using is, and again this was previously working as expected: `body /* FONT FAMILY */ { font-family: comic runes; } /* FONT COLOR */ p.heartrate { color: #E2E2E0 !important; font-size: 70px !important; -webkit-text-stroke: 0.69px black; text-shadow: 1px 1px 4px rgba(0,0,0,1); font-weight: 900; margin-top: -8px !important; } /* HEART COLOR */ .pulsingheart:after { background: linear-gradient(90deg, #0d6410, #8fce00) !important; box-shadow: 1px 1px 15px 2px rgba(0,0,0,.5); } .pulsingheart:before { background: #0d6410 !important; box-shadow: 1px 1px 15px 2px rgba(0,0,0,.5); }`
Community Member7/11/2023, 10:59:43 AM
Can I ask if you have the following in the url your using? ``brand=no``
Community Member7/11/2023, 11:29:09 AM
<@99225245616963584> Tyr glad to see you here ❤️ I changed the widget yesterday and it could be that I am more specific with the new selector than you with the "body" one. You can generate a new URL here (Aswell as taking existing Options from your currently URL) - there you have the possibility to change the font again to your custom one :) Feel free to tag me on any issue :) <https://app.hyperate.io/widget-configurator?widgetToConfigure=standard-animation>
Community Member7/11/2023, 11:31:29 AM
Branding has nothing to do with the font - only the heart itself is affected by that (if it is enabled)
Community Member7/12/2023, 3:11:34 PM
<@99225245616963584> did it worked out for you or do you still have the issue? :)
Community Member7/13/2023, 10:18:54 AM
<@558080016307585045> look here
Community Member7/13/2023, 11:06:40 AM
got it! thanks, yeah the new configurator makes a lot of sense to have as a tool along with a single URL. I imagine CSS to be a bit daunting to people who are used to simply copying a web source I was able to keep my existing CSS and just fix the font via the new URL tool
Community Member7/29/2023, 7:49:16 PM
<@99225245616963584> <@558080016307585045> I have enabled the support for Google Fonts today and im curious - are you using a font from Google or a locally installed one (which is also avaiable in Microsoft Word for example)? 🤔
Community Member7/29/2023, 8:06:38 PM
Mine is installed
Related threads
Cookie preferences