You are viewing limited content. For full access, please sign in.

Question

Question

fonts in html emails

asked on August 19, 2022

I am working with an email launched by a Forms task and the spacing between lines is too much.  I would like to use a font that will take up less space (height wise).  All the alternate fonts I'm trying to use result in No Change on the email tests.  Is this because LF Forms only has a certain number of fonts allowed and I just haven't hit on one of the ones allowed?

Can anyone help me change the MSOPlainText font class that it is using to one that will actually result in a tighter line on our emails?

 

0 0

Answer

SELECTED ANSWER
replied on August 19, 2022

Looks like it was copied and pasted out of Office/Word, which brings a lot of formatting you really don't want and is likely causing your issues.

The tell is that you have <o:p> elements and everything is wrapped in <font>

Try copying the text again, but paste as Plain Text into the Visual editor and go from there.

4 0

Replies

replied on August 19, 2022 Show version history

The available fonts wouldn't be related to Forms but rather the email client. Forms is sending an HTML formatted email, but it is just sending the HTML so how it is interpreted is all client side and if the client doesn't have that font available it will use its default.

Do you have an example of what you mean by too much spacing between lines?

Also, are you using the Visual editor or the HTML editor, and what does the HTML look like?

For example, something like a <p> element typically inherits a default lower margin that can make a big difference depending on the email client (Outlook, Gmail, iOS Mail, etc.).

Email clients are more inconsistent than browsers when it comes to rendering HTML and I've had issues where something looks fine in Outlook, but seems to have extra spaces in iOS Mail, so it can be difficult to say exactly what to change without more information.

0 0
replied on August 19, 2022

Thanks, Jason.  Here are two different emails, one comes out of workflow with the approved permit (less height).  The other email comes from (or is set off by) Forms if a permit is denied (too spread out).  

0 0
replied on August 19, 2022

Hi Connie,

The screenshots are kind of cut off in the post, but I can say right off the top that there is a big difference between the HTML in a Workflow email versus the emails sent from Forms.

Forms handles some of the "heavy lifting" behind the scenes to format the wrapper around the HTML, but when you are doing it via a Workflow you have to be much more explicit since it isn't going to add anything on its own.

Again, it would help to see the actual HTML for the one that isn't working right.

But just as an example, in Workflow

<p>Line 1</p>

<p>Line 2</p>

Is not the same as

<p>Line 1</p><p>Line 2</p>

Because that line break between the elements in the first example will be included in the email content in addition to any spacing for the p element.

replied on August 19, 2022

Hi Connie,

The screenshots appear to be cut off in the post, but it's hard to say without seeing the actual HTML.

It's definitely not a font issue because font only controls the size/style; line spacing is from a variety of things like what element is used to wrap the text.

The configuration (both Visual and HTML) are what matter, because the end result shows that something isn't right, but not really the what/why.

0 0
replied on August 19, 2022 Show version history

Here's a piece of the HTML in the email task:

Thank You,<o:p></o:p></font></p><p class="MsoPlainText"><font size="3">Derek Homme,&nbsp;Regional Manager/Fire Chief/Fire Guardian</font></p><p class="MsoPlainText"><font size="3"><o:p></o:p></font></p><p class="MsoPlainText"><font size="3">Flagstaff Regional Emergency Services Society (FRESS)&nbsp;</font></p><p class="MsoPlainText"><font size="3">Box 92, Sedgewick, AB T0B 4C0<o:p></o:p></font></p><p class="MsoPlainText"><font size="3">

0 0
SELECTED ANSWER
replied on August 19, 2022

Looks like it was copied and pasted out of Office/Word, which brings a lot of formatting you really don't want and is likely causing your issues.

The tell is that you have <o:p> elements and everything is wrapped in <font>

Try copying the text again, but paste as Plain Text into the Visual editor and go from there.

4 0
replied on August 19, 2022 Show version history

Oh.  That is good to know.  That is usually my norm, since it's easier to make changes in Word.  I will check that out.  Thanks, Jason!

UPDATE!  That DOES give me a better result!  I will have to remember to "paste as plain text" from now on!

1 0
replied on August 22, 2022 Show version history

always use "paste as plain text" these days unless I'm explicitly trying to carry the exact formatting, like copy/pasting from one Word doc to another. There are so many troublesome hidden formatting tags and characters that you can inadvertently copy over from any source other than a plaintext editor (notepad etc.) these days. I've preemptively saved myself a whole lot of troubleshooting by making paste as plain text my default.

2 0
You are not allowed to follow up in this post.

Sign in to reply to this post.