Graphic Design Community HardcoreGraphic

ผู้เขียน หัวข้อ: ปัญหาเกี่ยกับการแสดงผลหน้าเว็บ บนอุปกรณ์ iphone ipad ค่ะ  (อ่าน 2586 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

dezigntamin

  • บุคคลทั่วไป
ตอนนี้มีปัญหาเกี่ยวกับการแสดงผลและฟอนท์ที่ใช้ในหน้าเว็บค่ะ  คือหน้าเว็บและฟอนท์ดูปกติดีในเครื่อง pc notebook เครื่องmacและ บนโทรศัพท์แอนดรอยด์ แต่ถ้าดูด้วย iphone หรือ ipad ฟอนท์จะเพี้ยนไปเป็นตัวอื่นเลย แถมมีเส้นๆบางๆ ขึ้นบนหน้าจออีกต่างหากคือ ลูกค้าอยากใช้ comic san  แต่ก็ใส่พวก tahoma verdana ลงไปเผื่อด้วย แต่ก็เพี้ยนอยู่ดีเมื่อเปิดใน iphone ipad  มีผู้รู้ท่านใดทราบวิธีแก้ปัญหานี้มั้ยคะ  คือฟอนท์ที่แสดงผลได้ดีในทุกอุปกรณ์ และก็ปัญหาที่มีเส้นๆขึ้นที่หน้าเว็บ เวลาเปิดบน iphone ipad อะค่ะ  ขอบคุณค่ะ

ออฟไลน์ รปภ.

  • Administrator
  • Level 12
  • *****
  • กระทู้: 1230
  • Like 39
  • เพศ: ชาย
  • หาเลวที่ตัวเรา ไม่ต้องหาเลวที่คนอื่น
    • ดูรายละเอียด
    • HardcoreGraphic
ปัญหาน่าจะเกิดจากบราวเซอร์ใน iOS อะครับ

เขียน css ประมาณนี้มั้ยครับ

@font-face {
    font-family: 'ComicSan';
    src: url('/fonts/comicsan.eot') format('eot'),
         url('/fonts/comicsan.woff') format('woff'),
         url('/fonts/comicsan.ttf') format('truetype'),
         url('/fonts/comicsan.svg#ComicSan') format('svg');
    font-weight: normal;
    font-style: normal;
}

ดูตรงพาธหน้า folder font อะครับ พิมพ์เครื่องหมาย " / " นำหน้าไปด้วย ถ้ายังไม่ได้ ลองเช็ค font SVG นะครับ เปิดไฟล์ฟอนท์นั้นมันจะมีเลข ID กำกับ เช่น
<font id="webfonthLrIXSbY" horiz-adv-x="480" >

ทีนี้พิมพ์ใน css แบบนี้แทน
url("comicsan.svg#webfonthLrIXSbY") format("svg")

ลองดูว่าได้มั้ย

เรื่องการสนับสนุนฟอร์แมท font บราวเซอร์ต่างๆ ตามด้านล่างครับ

TrueType Fonts - Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0.249.4+
EOT fonts - Internet Explorer 4+
WOFF fonts - Firefox 3.6+, Internet Explorer 9+, Chrome 5+
SVG fonts - iPad และ iPhone

ลองหา Fonts เพิ่มเติมจากที่นี่ดูนะครับ www.fontsquirrel.com
« แก้ไขครั้งสุดท้าย: ตุลาคม 04, 2012, 12:26:51 PM โดย รปภ »
*สมาชิกที่ไม่ได้ Login และโพสท์กระทู้ในบอร์ดประมาณ 2 ปี+ อาจถูกลบออกจากการเป็นสมาชิก ท่านจะต้องสมัครใหม่

*ไฟล์ลิขสิทธิ์ 150+ Vintage Logos และ Photo Mock-Ups ราคา 16 เหรียญ

dezigntamin

  • บุคคลทั่วไป
ยังไม่เคยใช้ @fontface เลยค่ะ จะลองทำดูค่ะ ขอบคุณมากค่ะ

ออฟไลน์ รปภ.

  • Administrator
  • Level 12
  • *****
  • กระทู้: 1230
  • Like 39
  • เพศ: ชาย
  • หาเลวที่ตัวเรา ไม่ต้องหาเลวที่คนอื่น
    • ดูรายละเอียด
    • HardcoreGraphic
ใน ipad กับ iphone อาจจะไม่มีฟอนท์ Comic Sans MS เพราะเป็นของไมโครซอฟท์ ทำให้แสดงผลในบราวเซอร์ไม่ได้ อาจจะต้องฝังลงไปกับ css แล้วอัพโหลดฟอนท์ขึ้นบนเซิฟเวอร์ด้วย แต่ฟอนท์ต้องแปลงไฟล์ตามที่พิมพ์ไว้ด้านบนก่อนนะครับ

เว็บแปลงฟอนท์ www.fontsquirrel.com/fontface/generator
*สมาชิกที่ไม่ได้ Login และโพสท์กระทู้ในบอร์ดประมาณ 2 ปี+ อาจถูกลบออกจากการเป็นสมาชิก ท่านจะต้องสมัครใหม่

*ไฟล์ลิขสิทธิ์ 150+ Vintage Logos และ Photo Mock-Ups ราคา 16 เหรียญ

 

©HardcoreGraphic.com All rights reserved