Как отформатировать несогласованные шрифты электронной почты в контактной форме 7? - PullRequest
Новая
       34

Как отформатировать несогласованные шрифты электронной почты в контактной форме 7?

0 голосов
/ 30 августа 2018

У меня есть простая форма Контактной формы 7, которая прекрасно работает. У меня установлено HTML, и у меня есть простое форматирование, где я устанавливаю теги p для Arial, а некоторые жирным шрифтом.

Все смелые в порядке. И большая часть текста настроена на Arial. Однако, если сообщение содержит несколько строк, они возвращаются к Times New Roman в последующих строках.

Как правильно обеспечить, чтобы вся электронная почта (а это всего лишь несколько тегов p) была последовательно настроена на правильное семейство шрифтов? Должен ли я обернуть все это в промежуток? Div? Форматирование электронной почты в формате HTML всегда остается загадкой.

Пример: 

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">
<b>To Department:</b> [_raw_department]
<b>From:</b> [your-name] <[your-email]>
<b>Company:</b> [corporate-name]
<b>Phone:</b> [phone]
</p>

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">
<b>Message Body:</b>
[your-message]
</p>

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">
-- 
This e-mail was sent from a contact form on ABC123 (http://www.abc123.com)
</p>

1 Ответ

0 голосов
/ 03 сентября 2018

Это потому, что у вас есть тег абзаца, у которого есть обозначение шрифта: 

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">

Если вы добавляете новый парапраг, он должен иметь тот же стиль шрифта, что и другие теги абзаца, чтобы он был одинаковым.

Попробуйте использовать таблицу как внешнюю обертку, у которой есть обозначение шрифта, теперь независимо от того, сколько тегов абзаца вы создаете, ваши шрифты останутся прежними. 

<table>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">

<p>
<b>To Department:</b> [_raw_department]
<b>From:</b> [your-name] <[your-email]>
<b>Company:</b> [corporate-name]
<b>Phone:</b> [phone]
</p>

<p>
<b>Message Body:</b>
[your-message]
</p>

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">
-- 
This e-mail was sent from a contact form on ABC123 (http://www.abc123.com)
</p>

</td>
</tr>
</table>

Примечание: Различные почтовые клиенты по-разному отображают поля абзаца. Если вы используете абзацы, используйте его как: 

<p style="font-weight:normal;margin:0;Margin:0px;padding:0px;"></p>

Это гарантирует, что ваши абзацы останутся такими же, как разрыв строки, или вы можете использовать теги разрыва для имитации тегов абзаца. Лично я использую теги разрыва, чтобы отказаться от дополнительных кодов.

Надеюсь, что выше ответ на ваш вопрос.

...