Add a font to Style a button Font list

(0) Share

Report

Posted on by ElineB

272

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

All responses (9)

Answers (1)

Earl Watson 5 on at

Like (0)

Report

RE: Add a font to Style a button Font list

Same.
ElineB 272 on at

Like (1)

Report

RE: Add a font to Style a button Font list

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

Nya 29,056 on at

Like (0)

Report

RE: Add a font to Style a button Font list

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.
ElineB 272 on at

Like (0)

Report

RE: Add a font to Style a button Font list

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.
Suggested answer

Nya 29,056 on at

Like (0)

Report

RE: Add a font to Style a button Font list

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.
ElineB 272 on at

Like (0)

Report

RE: Add a font to Style a button Font list



<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">
Suggested answer

Nya 29,056 on at

Like (0)

Report

RE: Add a font to Style a button Font list

Hi Eline,

So please tell me the source of the fonts.

Or can you share the code to me?
ElineB 272 on at

Like (0)

Report

RE: Add a font to Style a button Font list

Hi Nya,

Yes that is working fine in the text element toolbar, but not in the design bar for buttons.
Nya 29,056 on at

Like (0)

Report

RE: Add a font to Style a button Font list

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.