Outlook 365 web: what breaks in an HTML email signature

This is what this email client does with an HTML signature: what it drops, what it half-honors and what it respects. The data comes from the same matrix our export engine uses.

× 1 5 6

What it does not support

Web fonts (Google Fonts)

Almost no client loads web fonts. Only Arial, Helvetica, Georgia, Times New Roman, Verdana, Tahoma, Trebuchet MS and Courier New are safe.

Check the signature you already have

What it supports partially

display:flex and CSS grid

Outlook for Windows renders with the Word engine, which knows neither flex nor grid. Columns stack and the signature falls apart.

<style> block in the head

When a signature is pasted into the Gmail settings editor, Gmail discards the entire <style> block. Every declaration has to live in a style attribute.

background-image in CSS

Dropped silently: you do not see an error, you see a gap. Anything that must be visible goes in an <img>.

margin on <td>

Reliable spacing comes from padding inside the cell, or from spacer rows with a fixed height.

<img> without explicit width and height

Without both attributes, Outlook reserves the wrong space and the signature jumps as it loads.

What it does support

<table> layout

The only layout method that works in all seven. This is why serious email signatures are still built with tables in 2026.

Images as data URI (base64)

The most expensive mistake in this category: Gmail refuses to render base64 images. A signature that looks perfect in Outlook arrives broken for half the world.

border-radius

A round photo comes out square in Outlook desktop. It degrades without breaking, but you need to know before you promise it to a client.

letter-spacing

Ignored in Outlook desktop. Degrades cleanly, so use it as reinforcement, never to make something fit.

text-transform:uppercase

Unreliable in Outlook desktop. Type the capitals into the text itself instead of applying them with CSS.

max-width and percentage widths

Outlook desktop ignores max-width. The outer table needs an absolute pixel width, 600 at most.

How to install your signature here

  1. Open Outlook and go to File › Options › Mail › Signatures.
  2. Create a new signature and paste with Ctrl+V.
  3. Pick the signature for new messages and replies.

Are you an AI agent? This is also available as an MCP server at signatureforever.com/mcp