ถามเรื่องการใช้ font แปลกๆ บนเว็บ ครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ถามเรื่องการใช้ font แปลกๆ บนเว็บ ครับ

ถามเรื่องการใช้ font แปลกๆ บนเว็บ ครับ

 ในกรณีที่ เรามีการกำหนดให้ใช้ font นอกเหนือจาก มาตรฐานที่มีในทุกเครื่องแล้ว

เมื่อ client ที่เปิดดูเว็บเรา เครื่องนั้น ไม่มี font ที่เรากำหนดไว้ใน css ของ เว็บ เค้าก็จะไม่เห็น เป็น font ที่เรากำหนด

จะมีวิธีการอย่างไรไหมครับที่จะติดตั้ง font ไว้บนเครื่องเค้า หรือทำให้ client ที่ไม่มี font ที่เรากำหนด สามารถมองเห็นได้



Likito 110.164.187.xxx 23-12-2010 09:41:09

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1

 ลองเปิดลิ้งค์ตัวอย่างด้านล่าง ด้วย IE,chrome และ Firefox

 
http://www.ninenik.com/demo/php_my_font.php
 
ถ้าผลลัพธ์ใน chrome และ firefox เป็นดังรูปตามลิ้งค์ด้านล่าง แสดงว่าวิธีกำหนด css อย่างง่ายได้ผลใน chrome และ firefox
แต่ IE ยังไม่ได้ 
 
http://awesomescreenshot.com/0a5517q53
 
เคยเห็นบางที่ใช้ javascript เข้ามาช่วยแต่ก็ยังไม่เคยเห็นที่รองรับภาษาไทยแบบเต็มๆ หรือว่าสมบูรณ์เท่าไหร่ 
การใช้แบบ css อย่างง่ายน่าจะเป็นวิธีที่เหมาะสมกว่า ถึงแม้จะไม่รองรับใน IE ในตอนนี้ก็ตาม
 
อีกอย่าง google ก็กำลังพัฒนา google font api ที่ทำให้สามารถใช้งาน font ตามต้องการในเว็บ
แต่ไม่รู้ว่าจะพัฒนาถึงระดับไหน คงต้องคอยติดตาม
 
http://code.google.com/webfonts?subset=cyrillic

 



Ninenik 183.89.189.xxx 23-12-2010
 ความคิดเห็นที่ 2

http://www.codetukyang.com/html/technic/fontface.htm



chinps 61.90.70.xxx 03-02-2012 18:25
 ความคิดเห็นที่ 3

แถมสคริปต์ ใน format ของ style หลังจาก gen file ใน path font (มีทั้ง .ttf และ .eot)

<?php
//path to directory to scan
$directory = "./font/";
 
//get all image files with a .jpg extension.
$ttffonts = glob($directory . "*.ttf");
$Exteot = ".eot";
 
foreach($ttffonts as $ttffont)
{
    $x = $x + 1;
    $fontname=str_replace("./font/","",$ttffont);
    $fontname=str_replace(".ttf","",$fontname);
echo "@font-face {
font-family: '$fontname';
src: url('./font/$fontname$Exteot') format('eot'); /* IE */
src: url('$ttffont') format('truetype');
        font-weight: large; 
        font-style: large; 
}n    .THfont" . $x ."
     { 
     
        font-family:'$fontname'; 
    } 
";
}
?>
 



chinps 61.90.70.xxx 03-02-2012 18:31
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ