Please upgrade here. These earlier versions are no longer being updated and have security issues.

How do i change the fonts?

This discussion is related to the Nebula addon.
mumrikmumrik New
edited July 2013 in Vanilla 2.0 - 2.3

Is there a way to change the fonts? The letters are way too thin and really hard to read.

«1

Comments

  • in the theme custom.css generally.

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

    mumrik
  • @peregrine said:
    in the theme custom.css generally.

    Can I use fonts that i upload to my databases or am i stuck with webfonts?

  • vrijvlindervrijvlinder Papillon-Sauvage MVP
    edited July 2013

    You can add fonts of any kind , please download the marquee plugin which has the whole explanation of how to add other fonts and also has fonts . This way you can see how to do it .

    here is an example of some usage of fonts

    http://www.zusound.com/foro

    peregrinemumrik
  • @vrijvlinder said:
    You can add fonts of any kind , please download the marquee plugin which has the whole explanation of how to add other fonts and also has fonts . This way you can see how to do it .

    here is an example of some usage of fonts

    http://www.zusound.com/foro

    Thank you very much.

    vrijvlinder
  • @vrijvlinder said:
    You can add fonts of any kind , please download the marquee plugin which has the whole explanation of how to add other fonts and also has fonts . This way you can see how to do it .

    here is an example of some usage of fonts

    http://www.zusound.com/foro

    I got around to installing Marquee, but it just put some hideous rolling text on my forum page.

    I'm looking to replace the font on my forum to Trocchi, do i upload the OTF files to some directory in my database using FZ?

    http://www.fontsquirrel.com/fonts/trocchi

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    Yes you would use the plugin fonts folder to store your fonts then use the same code in the css file of the marquee to add it to your theme custom.css

    you don't have to use the marquee, but it serves as a place to store your fonts locally and just put the url to where they are.

    So upload your fonts into the plugin's fonts folder then use the css code to put them in the theme so they are called. Then use that font-family name on the font style in your theme.

    peregrinemumrik
  • peregrineperegrine MVP
    edited July 2013

    . edited: never mind she beat me to it with a better answer.

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

    vrijvlinder
  • @peregrine said:
    you would probably want to put them in the design folder of theme or a subfollder e.g. design/fonts and point to them.

    Is it possible to cheat here? Would it work if i uploaded Trocchi and then just renamed it to the font I'm currently using?

    To save myself some time.

  • peregrineperegrine MVP
    edited July 2013

    I was kind of guessing - that's why i edited it out. the theme experts will know, but i would have to experiment myself since i don't know! Especially since i've never looked at the theme.

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

  • @vrijvlinder said:
    So upload your fonts into the plugin's fonts folder then use the css code to put them in the theme so they are called. Then use that font-family name on the font style in your theme.

    OHHHHH! I finally got it figured out. But if I do this with fonts not natively installed on PC's, will it all be redundant? I can't see the new font on my phone.

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    Is it possible to cheat here? Would it work if i uploaded Trocchi and then just renamed it to the font I'm currently using?

    To save myself some time.

    Not sure how you are using them but the way I recommend is the only way I know for it to work. Changing the name of a font might not work. Specially if something else is calling some other font.

    The only way to make sure you are using that font and everyone can see it not just you coz it's on your computer installed, is the way I used for the marquee plugin.

    You must include the font-face in the css style sheet. No other way and it is not time consuming, just copy the css sheet into a text editor and find all the font-family whatever it is and change it. Or add it.

    You can also add this and see if it affects everything or just some thing s then add the family to those.

    html, body{
    font-family:your font;
    }
    
  • @vrijvlinder said:
    and change it.

    I changed the menu font from the original Inherit to Trocchi. I can see it in my browser, but on my phone i cannot.

    (In fact it changed pretty much every text to the Trocchi family.)

  • vrijvlindervrijvlinder Papillon-Sauvage MVP
    edited July 2013

    Are you looking at your phone's mobile theme or full site theme?

    You will need to add the font-face to the mobile theme as well . One way to tell is to use that font on the marquee. I tested the marquee and it works also on mobile. So it is a matter of seeing if the fonts are being called.

    Also if you just change the names and other people do not have those fonts installed in their computer or mobile, they will not be able to see the fonts they will get a default font.

    That is why I say that doing it like I describe in the marquee css will ensure the fonts are called and installed for everyone.

  • @vrijvlinder said:
    Are you looking at your phone's mobile theme or full site theme?

    You will need to add the font-face to the mobile theme as well . One way to tell is to use that font on the marquee. I tested the marquee and it works also on mobile. So it is a matter of seeing if the fonts are being called.

    Also if you just change the names and other people do not have those fonts installed in their computer or mobile, they will not be able to see the fonts they will get a default font.

    That is why I say that doing it like I describe in the marquee css will ensure the fonts are called and installed for everyone.

    I am using the full site theme on my phone, that's why I can't understand why it doesn't work. I added the font to the Marquee plugin already.

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    yes but it is not in your style sheet, the custom.css

    Looks very messy that style sheet, I recommend you clean it up so it can be worked with

    copy the entire custom.css into this http://cssbeautify.com

    then paste the nice code back. I can't possibly work on code that is this messy. :(

  • vrijvlindervrijvlinder Papillon-Sauvage MVP
    edited July 2013

    @mumrik
    I made a plugin that changes font face, http://vanillaforums.org/addon/vfonts-plugin-1.0 you can add your font and try it. Let me know how it works , this will also change the font in the mobile.

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    Here is the style sheet for that theme I fixed it and organized it just switch it out. If you use the Fonts plugin I made, add your font to the folder and then add the url to the font in the css style sheets for the fonts plugin.

    I added the code at the bottom of the custom.css so you can find easy.

  • vrijvlinder

    i've tried your plugin- i want to change the hebrew font to ariel but it won't change it

    using vanilla 2.0.18.8
    changed the cs file
    uploaded the font
    no change

    you know what might be the problem?

  • TamaTama United Kingdom ✭✭✭

    @lizbovich said:
    vrijvlinder

    i've tried your plugin- i want to change the hebrew font to ariel but it won't change it

    using vanilla 2.0.18.8
    changed the cs file
    uploaded the font
    no change

    you know what might be the problem?

    can you post or link the css file?

«1
Sign In or Register to comment.