Шрифт Arabi c не отображается в Safari - PullRequest
Новая
       22

Шрифт Arabi c не отображается в Safari

0 голосов
/ 17 февраля 2020

Мой арабский c шрифт корректно работает на всех платформах и браузерах, кроме Safari, он также работает на всех приложениях win и OSX. на веб-страницах Safari и Iphone отображаются отдельные символы арабского языка c. Я сделал небольшую тестовую страницу для шрифта и попробовал все, что нужно, спасибо заранее за любую помощь, ребята. 

<!DOCTYPE html>
<html  xmlns="https://www.w3.org/1999/xhtml" lang="ar">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css" direction: rtl>

@font-face {
    font-family: Dam ;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
    src: url(../localfonts/Dam.eot);
    src: url(../localfonts/Dam.eot?#iefix) format('embedded-opentype'),
         url(../localfonts/Dam.ttf) format('truetype'),
         url(../localfonts/Dam.woff2) format('woff2'),
         url(../localfonts/Dam.woff) format('woff'),
         url(../localfonts/Dam.otf) format('opentype'),
         url(../localfonts/Dam.svg);
    }

    h1 {
        font-family: 'Dam';
        font-variant-ligatures: discretionary-ligatures;
        line-height: 1;
        letter-spacing: 0;
        font-display: block;
        direction: rtl;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-variant-ligatures: discretionary-ligatures;
        -moz-font-feature-settings: 'liga=1';
        -ms-font-feature-settings: 'liga', 'dlig', rlig', 'kern';
        -webkit-font-feature-settings:'liga' on, 'dlig' 1, rlig' 1, 'kern' 1;
        -o-font-feature-settings: 'liga', 'dlig', rlig', 'kern';
        }
    p {
        font-family: 'Dam';
        font-size: 22px;
        font-variant-ligatures: discretionary-ligatures;
        line-height: 1.5;
        letter-spacing: 0;
        font-display: block;
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10+ and Edge */
        user-select: none; /* Standard syntax */
        }
...