How To Add Custom Fonts to Streamelements Chat Box and Overlay

Поділитися
Вставка
  • Опубліковано 17 тра 2024
  • How To Add Custom Fonts to Streamelements Chat Box and Overlays. In this Custom Fonts Streamelements tutorial I'll walk you through going to www.dafont.com to get a font, to installing a font on your computer, to then adding a custom font to Streamelements to use. This Streamelements tutorial helps for OBS tutorials, as well as Streamlabs OBS and any other software that supports browser sources.
    www.dafont.com for fonts!
    +.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+­.+.+.+.+.++.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+­.+.+.+.+.+
    TIMESTAMPS | CHAPTERS
    00:00 - Beginning
    00:06 - 1: Self Plug
    00:31 - 2: Going to Dafont to download a font
    00:57 - 3: Installing Font
    01:23 - 4: Logging in to Streamelements and adding a new Overlay
    01:40 - 5: Adding the Font to Streamelements
    03:21 - 6: Outro and Reminder to Subscribe/like/Comment
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ▬▬▬▬▬▬ ▬▬▬▬▬▬
    .+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+­.+.+.+.+.++.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+­.+.+.+.+.+
    Most Recent Video Below!
    When you have problems during streaming 🤣 #twitch #streaming - • When you have problems...
    527 Views - Nov 2, 2023
    If you'd like to show support and Hit that subscriber button, your name will be shown as the latest Subscriber :) ITS FREE :D ⭐ Cooper&BenGaming ⭐
    If you'd like to show support and leave a tip, your name will be shown as the latest Tipper!! :D
    mercury.streamelements.com/ti...
    ❤️ ❤️
    ❤️ If you find my content useful and enjoyable, leave a like and a comment.
    🔔 Subscribe and hit the bell for some more stream tips,product and taste reviews, and overall shenanigans. ua-cam.com/users/GSFeare?sub...
    🎁If you want to upgrade your Twitch clips and Tiktok clips as well as INSTAGRAM videos, be sure to follow my link! Any user that uses the service and upgrades to a pro plan helps support the channel. joincombo.com?grsf=akbvwy
    🚀Looking to Improve your SEO and help with your UA-cam? Go here and download Tubebuddy! www.tubebuddy.com/GSFeare - Affiliated, so I get a portion ONLY if you upgrade, otherwise its 100% FREE
    🎈Trying to get an amazing Shoutout widget through Streamelements that will look great? You can find this easy to follow tutorial here: • The BEST Twitch Shouto...
    🤖You can also find my FAVORITE Social media overlay, which is actually used IN this video right here as well FREE:
    • The BEST Social Media ...
    💡Looking for some free electricity transitions for Twitch? I uploaded some here:
    • 6 FREE Electric Stinge...
    👁️‍🗨️This playlist has a ton of great Twitch tutorials and tips and tricks to help you succeed: • Now Streaming Twitch R...
    ➡️Follow me on Twitch and see a Logitech Brio stream: / gsfeare
    I stream 4-5 days a week 8:00 PM EST- 11:30 PM EST all but Wed/Sunday. This content as well as other taste tests, and other awesome stuff happens during the stream hours.
    ➡️ Follow me on Twitter for updates: / gsfeare

КОМЕНТАРІ • 128

  • @GSFeare
    @GSFeare  3 роки тому +1

    🔴If you need any help, feel free to add me on Twitter at twitter.com/gsfeare or on my Twitch channel at www.twitch.tv/gsfeare and If you're looking for some Twitch tutorials, from Widgets, to outside browser sources, to all around tools to improve your streams.. Watch this playlist! ua-cam.com/video/LpVI60IH2wo/v-deo.html 🔴

  • @MichaelGorman82
    @MichaelGorman82 3 роки тому +17

    Streamelements can't even explain it properly on their end so you doing it so concisely is sincerely appreciated!

    • @GSFeare
      @GSFeare  3 роки тому

      Thank you! I saw that there weren't any videos so HAD to haha

  • @IanJLammi
    @IanJLammi 9 місяців тому +4

    After tons of searching this helped so much! I have specific fonts I am using for everything so it was so frustrating not having my chatbox the same, but now it is!!! Thank you so much!

  • @CaysekongVODs
    @CaysekongVODs Місяць тому +1

    Tutorial still very relevant btw!! I couldn't quite figure this one out, thank you!

  • @xsoTURNT
    @xsoTURNT Рік тому +2

    Great vid bro! So easy and to the point, this is going to help so much

  • @miffix_r
    @miffix_r 2 роки тому +3

    Yo fam you came in clutch for me today. I've been bashing my head in trying to figure out how to make a medieval type chat box for DND. Thanks a ton for making this.

    • @GSFeare
      @GSFeare  2 роки тому

      No problem! :)

  • @Ghoste_87
    @Ghoste_87 4 місяці тому +1

    This was helpful. Thank you :)

  • @GildedNines
    @GildedNines 10 місяців тому +1

    Thanks for the vid man, getting more serious about streaming now and this helped a lot

    • @GSFeare
      @GSFeare  10 місяців тому

      For sure!

  • @dutchpropaganda558
    @dutchpropaganda558 Рік тому +1

    Brilliant, precisely what I was looking for

  • @squigglylegend
    @squigglylegend 3 місяці тому +1

    Quick and easy to understand, you rock man

  • @MrWomProductions
    @MrWomProductions 2 роки тому +17

    I have a fix for anyone unable to find their font. Sometimes the name displayed in the font install is different from what it actually installs as. If typing the font name doesn't work initially double check by going to C:/Windows/Fonts and looking for your font there. The name of the file in that folder will be exactly what you need to type in. Hope my pain saves you guys from it!
    Second trouble shooting fix. If it's not displaying in OBS, refresh your cache on the browser source and make sure your OBS is updated. (I didn't experience this directly, just another common problem's fix).

    • @GSFeare
      @GSFeare  2 роки тому

      Great looking out! :)

    • @MUI_Yasha
      @MUI_Yasha 8 місяців тому

      Omg thank you bro!!! I was getting so mad man hahahaha

  • @manoob90
    @manoob90 2 роки тому +1

    Oh my god! Thank you so much for that!!! Much love! ♥

  • @sainark_kranias
    @sainark_kranias Рік тому +1

    Thanks! It helped!

  • @zorati1885
    @zorati1885 3 роки тому +2

    Appreciate it brother. Best wishes and many blessings!

  • @carlmewhenitsready3194
    @carlmewhenitsready3194 2 роки тому +1

    Thank you so much for this!

    • @GSFeare
      @GSFeare  2 роки тому

      My pleasure! :D

  • @Sweetxy
    @Sweetxy 2 роки тому +1

    Video was straight to the point^^ Thanks^^

    • @GSFeare
      @GSFeare  2 роки тому

      Youre welcome :S

  • @heero1407
    @heero1407 2 роки тому +1

    Great tutorial, thanks a lot.

    • @GSFeare
      @GSFeare  2 роки тому

      Youre welcome :)

  • @Kellumfoto
    @Kellumfoto 3 роки тому +1

    This helped! Thanks man.

    • @GSFeare
      @GSFeare  3 роки тому

      No problem! Glad it helped ya

  • @ripsideMusic
    @ripsideMusic 9 місяців тому +1

    thanks

  • @rgu3t0
    @rgu3t0 2 роки тому +2

    Why this explanation (at least quality wise) isn’t on their own website is mind boggling. Anyways, this worked like a charm. Thank you!!!

    • @GSFeare
      @GSFeare  2 роки тому

      Sweet I'm glad it worked! You'd think it would be right?! 🤣🤣

  • @nouribennaji2994
    @nouribennaji2994 4 місяці тому

    Hello there, i have a problem with adding a specific style of a font. I want to use "Open Sans ExtraBold", but i can only get the Open Sans Bold to work. I just choose Open Sans from the available fonts and tick the Bold option. Is there a way to choose the "ExtraBold"? Thanks in advanced

  • @CptZhu
    @CptZhu 11 місяців тому +1

    Thanks for the video good sir!

    • @GSFeare
      @GSFeare  11 місяців тому

      Thanks for watching!

  • @chill_marco
    @chill_marco Рік тому +1

    tysm for the tutorial

    • @GSFeare
      @GSFeare  Рік тому +1

      You're welcome:)

  • @lamboladagaming
    @lamboladagaming 3 роки тому +2

    Awww yeah bruh. This is dope af. 💯

  • @kingi420
    @kingi420 Місяць тому +1

    I am late to the game but still thank you for the quick guide.

  • @bats5818
    @bats5818 2 роки тому +1

    Thank you super helpful

  • @BillyKesterton
    @BillyKesterton 3 роки тому +1

    you earned a sub! tysm

    • @GSFeare
      @GSFeare  3 роки тому +1

      You're welcome! :)

  • @dkillalegend
    @dkillalegend 3 місяці тому +1

    There has been complaints about the font not loading up right and that it doesn't work like it's supposed to when SE calls it. You will need to right-click on the font you downloaded and select "Install for All Users" and then restart. It should work appropriately after that.

  • @flame6
    @flame6 Рік тому +1

    Took me a while to figure out my issues. Had to restart chrome after downloading the font.

  • @DraconicTempest
    @DraconicTempest Рік тому

    I got my font from that site and it is installed but it doesn't change the font in the settings, please help

  • @ryanvillapaz6408
    @ryanvillapaz6408 3 роки тому +1

    thank you!

    • @GSFeare
      @GSFeare  3 роки тому

      You're very welcome!

  • @Insomnia_Personified
    @Insomnia_Personified 2 роки тому +2

    I’m having trouble with my custom font not showing up on stream. It shows the correct font on my overlay in lightstream but the actual twitch stream shows a standard font. Any help would be appreciated! Thanks

    • @GSFeare
      @GSFeare  2 роки тому +1

      Have you restarted your broadcasting system yet? IE OBS etc

  • @cheeseyboy2121
    @cheeseyboy2121 Рік тому +1

    I could not seem to get this onto stream elements, I could download and install but stream elements could not see any further. Is it because I am on windows 11?

    • @GSFeare
      @GSFeare  Рік тому

      It may be, sometimes I've had problems with it too tbh.

  • @ymb9sho673
    @ymb9sho673 Рік тому +1

    Cheers bud

  • @AradiaArts
    @AradiaArts Місяць тому

    wuhh im trying to add Volter (Goldfish), but it isnt working ;; is it because it's a pixel font?

    • @GSFeare
      @GSFeare  Місяць тому

      I have had some fonts just flat out not work idk why lol

  • @XenomTV
    @XenomTV 8 місяців тому

    hi i wanna change a font of an alert in streamelements obs how can i add it ?

    • @GSFeare
      @GSFeare  8 місяців тому

      This is stream elements

    • @XenomTV
      @XenomTV 8 місяців тому

      @@GSFeare yea sorry i meant streamelements

  • @Leit0
    @Leit0 2 роки тому +3

    IF YOU DID EVERYTHING OK AS GS Feare said in this video and you're starting to get mad: just close the tab and reopen it. It should work now just fine.

    • @Leit0
      @Leit0 2 роки тому +1

      OH! and the same goes for OBS: you might not see it UNTIL you restart OBS!!!

  • @diamiaou4551
    @diamiaou4551 2 роки тому +4

    Great tutorial! I do warn to read what the font says about usage. Look for ones that say 100% Free or can be used for commercial use.
    If you use fonts that can only be used for personal use and you make money off your platforms and streams where you use the font, the creator can call a legal issue with you.
    Just a warning! Thanks for the amazing tutorial tho!

    • @GSFeare
      @GSFeare  2 роки тому +1

      That is true! Thank you :)

  • @lomanikana5131
    @lomanikana5131 2 роки тому +1

    In my font (Supercell-Magic) is a minus and streamelements doesent know minus so the font isnt be able to use? Sorry for bad english

    • @GSFeare
      @GSFeare  2 роки тому

      I'd try a new font

  • @lolo_el_famoso
    @lolo_el_famoso 2 роки тому +1

    ty

  • @jchronite
    @jchronite 3 роки тому +1

    Hi I'm having some troubles. The font does not change after inserting my custom font's name in 'custom font family'. Could you help with that please?

    • @GSFeare
      @GSFeare  3 роки тому

      Hmm, try to add the exact name, or double click the font and make sure you have it with the proper capitals :) it can be kind of finicky at times

    • @jchronite
      @jchronite 3 роки тому +1

      @@GSFeare Thanks for the help! Didn't show up in my overlay in streamelements but showed in obs studio for me. Nonetheless, thank you for the help again!

    • @GSFeare
      @GSFeare  3 роки тому

      You're welcome my pleasure :D

  • @Zipperskull_
    @Zipperskull_ 2 роки тому +1

    NGL streamelements REALLY need to update their overlay editor to make it not so complicated. I typed in the font that I wanted to add on my custom overlay but it doesn't seem to detect it, if that works? I wish you can upload to the editor similar to how you can upload images.

    • @GSFeare
      @GSFeare  2 роки тому

      They really do need to update it!

  • @mrderpstache6028
    @mrderpstache6028 2 роки тому +1

    I'm sorry to bother you sir but I've tried to insert multiple new texts, all 100% Free, and with TrueType Font (ttf) and they don't show the change. Any advice on how to resolve this issue?

    • @GSFeare
      @GSFeare  2 роки тому

      Hmm, are you sure that you've typed out the font with the exact spelling and capitalization? That sometimes messes it up

  • @DavidMunoz-pb9iu
    @DavidMunoz-pb9iu 2 роки тому +2

    hey does anyone know if streamelements doesnt take OTF font files? I tried it from a font i was given an overlay pack and it wont recognize it, but it will with any other TTF file

    • @GSFeare
      @GSFeare  2 роки тому

      I'd use some resource to convert the otf to a TTF personally, just to be sure

    • @DavidMunoz-pb9iu
      @DavidMunoz-pb9iu 2 роки тому +1

      @@GSFeare thanks for the response but even after more messing around. No font I downloaded ttf or otf is recognized from da font

    • @GSFeare
      @GSFeare  2 роки тому

      And you installed the font right?

  • @LectricMan
    @LectricMan Рік тому +1

    Hey I was wondering if anyone knows how to change the text color cuz I can't find it nowhere

    • @GSFeare
      @GSFeare  Рік тому

      Certain scripts allow it, but I've never really tried it haha

  • @thelastchoi6217
    @thelastchoi6217 3 роки тому +1

    gee ess back at it aw yee

    • @GSFeare
      @GSFeare  3 роки тому

      Back at it again with the TU TOR RE ALLLSSS

  • @kalekale8133
    @kalekale8133 7 місяців тому

    This video definitely helped with my problem of not being able to find my custom font. However, once I got it working and saved the overlay, every time I go back to it, the font stops working. Did anyone else have this problem and is there a possible fix?

  • @killinel
    @killinel 2 роки тому +1

    I use a widget made by someone else and theres no option to toggle on custom font? And I'm getting a headache figuring out how to change the font, or can I not?

    • @GSFeare
      @GSFeare  2 роки тому

      Certain widgets don't allow you to change the custom don't unfortunately

    • @killinel
      @killinel 2 роки тому +1

      @@GSFeare damn I was thinking that was gonna be the case :(

    • @GSFeare
      @GSFeare  2 роки тому

      Yeah... I was hoping it wouldn't be the case too, you may be able to change it in the CSS, but im not knowledgeable for that 🤣

  • @flaminscott
    @flaminscott 2 роки тому +1

    You are such a fucking legend. Thank you so much man!!!

    • @GSFeare
      @GSFeare  2 роки тому

      No problem! Hope it and my other tutorials help!

  • @djSpinege
    @djSpinege 2 роки тому +1

    i saw a streamer with neon glowing chatbox. anyone know the name of what i'm talking about? big thanks.

    • @GSFeare
      @GSFeare  2 роки тому

      I'm not too sure

  • @ItsMrYG
    @ItsMrYG 2 роки тому +1

    I don't know what im doing wrong. The overlays are displaying the fonts in the editor, but when i add it as a browser source to Lightstream or OBS, the font disappears. I do not know how to fix it and its getting frustrating

    • @GSFeare
      @GSFeare  2 роки тому

      Try restarting OBS/your computer and see if that fixes

    • @ItsMrYG
      @ItsMrYG 2 роки тому +1

      Restarting both does not seem to fix the issue sadly. No amount of Google searching seems to find the issue in having, i seem to be the only person on the planet experiencing this lol

    • @GSFeare
      @GSFeare  2 роки тому

      It always Sucks to not be able to figure out a tech issue lol, so I get that! Let's see.. What do you mean that the text disappears?

  • @kingstonstudio13
    @kingstonstudio13 Рік тому

    Not able to do it...
    Like the video and the fact that is possible, just don´t know what I´m doing wrong

  • @SweboySMM2
    @SweboySMM2 11 місяців тому +1

    How do you do THIS, with Streamlabs?🤔

    • @GSFeare
      @GSFeare  11 місяців тому

      I'm not quite sure tbh, I haven't used Streamlabs since 3-4 yrs ago :x

  • @koqtel5117
    @koqtel5117 2 роки тому +1

    work 20% time not all font works I installed my font and streamelements dont recognize them need help please

    • @GSFeare
      @GSFeare  2 роки тому

      May not have the correct spelling or capitalization perhaps 🤷🏻‍♂️

  • @werehoglover69
    @werehoglover69 2 роки тому +1

    I've tried testing it with UA-cam since it's connected to UA-cam and it's not working

    • @GSFeare
      @GSFeare  2 роки тому

      It may unfortunately not work with UA-cam, it's kinda weird how UA-cam does things TBH

  • @DCFanverse
    @DCFanverse 2 роки тому +1

    nice but how do i use it on overlay?

    • @GSFeare
      @GSFeare  2 роки тому

      There are text portions of overlays that you can change the same way

  • @Bobcat319
    @Bobcat319 Рік тому

    Does this work on youtube?

  • @fredcrewneck
    @fredcrewneck Рік тому +1

    i was on streamlabs like a dummy lmao

  • @gigachad3976
    @gigachad3976 2 роки тому +2

    the font doesn't show up on stream elements drop down chart.

    • @GSFeare
      @GSFeare  2 роки тому

      It should show when you type it in exactly how it is

    • @gigachad3976
      @gigachad3976 2 роки тому +1

      @@GSFeare it showed up it just didn’t implement it onto the actual obs. oh well

    • @GSFeare
      @GSFeare  2 роки тому

      That's weird! I wonder if you need to do the same for OBS.

    • @gigachad3976
      @gigachad3976 2 роки тому +1

      @@GSFeare I did it!!! i just had to update my obs

    • @GSFeare
      @GSFeare  2 роки тому

      Ayyyy good job! :) when in doubt, update OBS :D

  • @uTpFrog
    @uTpFrog 2 роки тому +1

    doesn't work with Earwig Factory... :(

  • @YouKyi
    @YouKyi 2 роки тому +1

    Hello Pere Noël !

  • @reidofarme1185
    @reidofarme1185 8 днів тому

    ajudou demais meu amigo !!!! você é foda !!! From brazil thanks so much brow !! you are the fucking guy!

  • @Neverdeadly
    @Neverdeadly Місяць тому

    it didnt work i followed it step for step

  • @eademsedaliter
    @eademsedaliter Рік тому +1

    cOpY tHaT wOrD

  • @ShadowEnigmaTV
    @ShadowEnigmaTV 2 роки тому +1

    nah still didn't work.

    • @GSFeare
      @GSFeare  2 роки тому

      What solutions have you tried? Are you sure you have the spelling absolutely the same as the saved font?