Add a font to Style a button Font list

(0) Share

Report

Posted on by ElineB

278

Hi,

I have added a new font according to this link. https://docs.microsoft.com/en-us/dynamics365/marketing/custom-template-attributes#add-new-fonts-to-the-text-element-toolbar. This works fine, but it is not showing up in the list when styling a font.

Is there any way to do that?

Best regards,

Eline

I have the same question (0)

All responses (9)

Answers (1)

Nya 29,060 on at

Like (0)

Report

Hi Eline,

It is recommended to specify the source of your fonts.

For example, here is an issue that the fonts are from Google Fonts.

(+) Custom Google Fonts in Dynamics 365 Marketing - Dynamics 365 Marketing Forum Community Forum

You can refer to my answer to in to adjust your HTML.

Was this reply helpful? Yes No
ElineB 278 on at

Like (0)

Report

Hi Nya,

Yes that is working fine in the text element toolbar, but not in the design bar for buttons.

Was this reply helpful? Yes No
Suggested answer

Nya 29,060 on at

Like (0)

Report

Hi Eline,

So please tell me the source of the fonts.

Or can you share the code to me?

Was this reply helpful? Yes No
ElineB 278 on at

Like (0)

Report



<link rel="preconnect" href="fonts.googleapis.com">

<link rel="preconnect" href="fonts.gstatic.com" crossorigin="">

<link href="fonts.googleapis.com/css2 rel="stylesheet">

<meta type="xrm/designer/setting" name="additional-fonts" datatype="font" value="Open Sans">

<meta name="referrer" content="never">

<meta type="xrm/designer/setting" name="type" value="marketing-designer-content-editor-document">

<meta type="xrm/designer/setting" name="layout-editable" value="marketing-designer-layout-editable">

<meta type="xrm/designer/setting" name="layout-max-width" value="600px" datatype="text" label="Layout max width">

<meta type="xrm/designer/setting" name="font-family" value="Open Sans, Tahoma" datatype="font" label="Font Family">

Was this reply helpful? Yes No
Suggested answer

Nya 29,060 on at

Like (0)

Report

Hi,

Please kindly refer to my answer in the link.

(+) Custom Google Fonts in Dynamics 365 Marketing - Dynamics 365 Marketing Forum Community Forum

it contains how to get the code which should be copied into the <head> of your html.

The code should be something like the following code snippet.

<meta type="xrm/designer/setting" name="additional-fonts" datatype="font" value="Open Sans">

<link rel="preconnect" href="">https://fonts.googleapis.com">

<link rel="preconnect" href="">https://fonts.gstatic.com" crossorigin="">

<link href="">fonts.googleapis.com/css2 rel="stylesheet">

Then it will be shown in the list of fonts.

Was this reply helpful? Yes No
ElineB 278 on at

Like (0)

Report

Yes, that is showing up, but not here in the bar on the right side when creating a button. That is exactly my issue. The text element toolbar is working fine.

Was this reply helpful? Yes No
Verified answer

Nya 29,060 on at

Like (0)

Report

Hi Eline,

Sorry for the misunderstanding.

There is no way to show the additional fonts for the button.

Please customize the HTML to achieve that.

The code is something like:

input[type="button"] {

font-family: 'Open Sans', sans-serif;

}

<div type="button" data-editorblocktype="Button" align="center" style="margin: 0px;" class="buttonWrapper"><a class="buttonClass" href="#Button" style="text-align: center; margin-right: auto; margin-left: auto; display: inline-block; background-color: rgb(34, 102, 227); border-radius: 4px; color: rgb(255, 255, 255); width: fit-content; height: auto; padding: 10px 20px; max-width: 100%; line-height: normal; border-color: rgb(255, 255, 255); border-width: 1px; border-style: none; font-size: 24px;mso-hide: none !important;" data-msdyn-tracking-id="b1844245310431636361525706" data-msdyn-tracking="true"><span style="font-family: Verdana, Arial, sans-serif;">Almost before we knew it, we had left the ground</span></a></div>

Ref: Changing HTML button font with CSS - Stack Overflow

Or you could raise a support ticket for further help.

Was this reply helpful? Yes No
ElineB 278 on at

Like (1)

Report

No problem, thanks for your help. It's a pity that that is not already possible.

Was this reply helpful? Yes No
Earl Watson 5 on at

Like (0)

Report

Same.

Was this reply helpful? Yes No