Using multiple fonts for for the same areas

[GC29]

I wish there was a way to individualize the fonts for different headers or paragraph titles and text without having to change them in the theme. 

I do not want to have ALL of the paragraph titles on my page to have the same font, but currently the only work around for this is to create the title in photoshop with the font I want and importing it to Weebly as a PNG image. If I need to make even the slightest modification to spacing or text size, I have to repeat the process in photoshop. 

Why can't text boxes work similarly to PowerPoint presentations, where you can choose the font for the individual text box?

[Adam7]

Something like that is possible, although it would require some custom coding in order to do it. Are you familiar with HTML and CSS, @GC29?

[GC29]

@Adam Thank you for the reply.  am not familiar with HTML or CSS, outside of copy and pasting pre-made code into instructed positions per online tutorials. 

I assumed that going into the code would allow me to modify the website to specific customizations, but I feel like that defeats the purpose of a drag and drop platform like Weebly. 

I'm not a computer engineer, but it just seems to me like it would be an intuitive step to allow the text boxes to have an option to select the font within that text box, just like a I can when building a powerpoint presentation. 

If there are options to modify the size of the font, as well as options to bold, underline and italicize it, it just seems like choosing the individual fonts would be just as simple to program in there as well. 

[kswanger]

Would you mind outlining how to do this please? I would be very interested to know. Thanks!

[Adam7]

The easiest way I could think of to do this is with a Google Font (https://fonts.google.com) and by putting something like this in an Embed Code element:

<link href="https://fonts.googleapis.com/css?family=Supermercado+One" rel="stylesheet">
<style>
.myNewFont { font-family: 'Supermercado One', cursive !important; }
</style>

<div class="myNewFont">

text goes here

</div>

[kswanger]

Thank you so much!

[Adam7]

No problem!

[joanna_is]

This helped!.  How can I also change the font size?

[Adam7]

Hi, @joanna_is.

You might try just selecting text and using the + or - button to change the size, that way you don't need to do any additional CSS.

[mary896]

TOTALLY!!!  The severe font constraints on Weebly are incredibly frustrating.  To only have ONE font designation for paragraphs, one for titles, etc. for an entire website is NUTS and extremely hampering for creativity and bui8lding a unique and special website.  Time after time I come to work on my website only to leave frustrated.  I want to put a holiday greeting on several pages for my customers in a unique font...can't.  WEEBLY....TOO MANY EXTREME LIMITATIONS.

[Bernadette3]

Sorry for the frustration @mary8961

I agree that it would be nice to have more flexibility with your fonts. It looks like someone has submitted a feature request about this. If you haven't already done so could you also add your support? It's super helpful for us and we appreciate you.

https://community.weebly.com/t5/Vote-on-Features/Font-changes/idi-p/45569

[bobafett]

@mary8961: From what I have read it seems that people have found that uniform typography is easier on visitors and increases their engagement.  Random fonts for every paragraph would be distracting, don't you think?

[mary896]

Yes, you are correct....to a limited extent.  Fonts shouldn't be changing all over the place, certainly not!  BUT....there's a fine line between font continuity across a website and not being ABLE to use any other font EVER for text, paragraphs, headings, etc.  So, you get to choose ONE font for all regular text, ONE font for all titles, that's about it.  I've had many occassions when I needed to be able to use a different font to highlight, emphasize or display a specific type of message to my customers.  Can't.

[Bernadette3]

You could try using the Block Quote element. I know you can change the font for just this element, however I don't know if you can remove the quotation marks. I'll test it out a bit. 

[GC29]

Fair point, but I feel like that should be a choice left up to the individual designers.

[IRP]

I second this!!! Weebly, its time for you to give us the option of using more than one font in our paragraphs and titles. It's incredibly frustrating not being able to do so. PLEASE add this feature!!!

[RobRiker]

I agree, I had to dig to find out that only one font for "paragraphs" is available. I have a blog on Blogger with tons of fonts and font sizes that makes it very easy to differentiate what I am trying to convey. I build technical workbooks for the IT industry and find myself having to bold out paragraphs for explanation use. This is very limiting and frustrating when I have customers ask if a font change is possible. All of the other "solutions" that have been suggested shows a lack of effort from the weebly team in my opinion. We're in 2018, I used to be able to build website in 1999 that had different fonts, hard to believe nearly 20 years later that fonts are such a difficult thing to code into a web site builder. I work for a Service provider/data center/hosting service, I also know how to code. But requiring coding for such a simple option to me is ridiculous, and I know it is a simple thing to add. Weebly, how come this is so difficult?

The ironic thing here is, I can change the font here without issue. Pretty sad that I can change it here, but not in the site builder.