Иконки пиктограмм не отображаются на iOS

Question

Мои пиктограммы отлично работают в настольных браузерах, но не отображаются на ios.

голова

<link href="//get.pictos.cc/fonts/1895/1" rel="stylesheet" type="text/css">

ссылка на заголовок HTML

<a href="/" alt="Home" class="" rel="tooltip" title="Home"><span aria-hidden="true" data-icon="H"></span></a>

Pictos CSS

[data-icon]:before {
font-family: 'Pictos Custom';
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
}

Иконки пиктограмм в хром

Пиктограммы в iOS