README.md

November 24, 2025 ยท View on GitHub

mj-font

Imports external fonts and is only applied if the template uses the font.

The href attribute should point to a hosted CSS file that contains a @font-face declaration, for example: https://fonts .googleapis.com/css?family=Raleway

<mjml>
  <mj-head>
    <mj-font name="Raleway"
      href="https://fonts.googleapis.com/css?family=Raleway" />
  </mj-head>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-text font-family="Raleway, Arial">
          Hello World!
        </mj-text>
      </mj-column>
     </mj-section>
  </mj-body>
</mjml>

Attributes

attributeacceptsdescriptiondefault value
hrefstringURL of a hosted CSS file
namestringname of the font

Try it live