خرید بک لینک

درباره سایت

CodingForums

آخرین مطالب

امکانات وب

Custom font problem on iphone 7 Safari and not on Chrome

Hi,
I have try my css code and my custom font on Linux/firefox, Windows/edge Mac os/safari android/firefox and iPhone7/iOS/chrome and it works like a charme.

With the same iphone7/iOS/Safari the code don't work at all, custom font is not acknowledge and css not works. With Chrome it works (same smartphone).

These are the screenshot:
Safari on iPhone 7 iOS 10.3.2 last release
http://www.kensan.it/tmp/menu3ios_safari.jpg
http://www.kensan.it/tmp/menu3ios.jpg
!! don't works !!

Chrome on iPhone 7 iOS 10.3.2 last release
http://www.kensan.it/tmp/menu3ios_chrome.jpg
http://www.kensan.it/tmp/menu3ios_chrome2.jpg
!! works !!

On Crome, firefox, edge on windows, linux, mac os, android it works fine.
This is an example of screenshot:
http://www.kensan.it/tmp/menu3.png
!! works !!

This is my custom font:
http://www.kensan.it/extra/fonts/FreeSerif.subset.ttf

My css:
http://www.kensan.it/extra/style.css
Code:
@font-face {
    font-family: 'FreeSerif';
    src: url('fonts/FreeSerif.subset.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
Code:
.article:first-child:first-letter {
  color: #666;
  font-size: 3em;
  float: left;
  margin-right: 0.2em;
  font-family: 'FreeSerif';
}
Code:
<div class="article">
&#x02133;i ... </div>
Code:
<span style="font-family: FreeSerif;">&#x1D49C;&#x0212C;&#x1D49E;&#x1D49F;&#x02130;&#x02131;&#x1D4A2;&#x0210B;&#x02110;&#x1D4A5;&#x1D4A6;&#x02112;&#x02133;&#x1D4A9;&#x1D4AA;&#x1D4AB;&#x1D4AC;&#x0211B;&#x1D4AE;&#x1D4AF;&#x1D4B0;&#x1D4B1;&#x1D4B2;&#x1D4B3;&#x1D4B4;&#x1D4B5;</span>
A page where is the code:
http://www.kensan.it/articoli/Diritto_all_oblio.php

Any help to resolve the iOS/Safari dilemma?
Tanks to anyone who can help me.

برچسب: نویسنده: آیلین رضوانی تاريخ: دوشنبه 29 خرداد 1396 ساعت: 3:33

صفحه بندی

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه