Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > @font-face ไม่ทำงานบน Google chrome ต้องปรับปรุง CSS ตรงไหนครับ

@font-face ไม่ทำงานบน Google chrome ต้องปรับปรุง CSS ตรงไหนครับ

เริ่มหัวข้อใหม่

meannerss

โพสกระทู้ ( 1,666 )
บทความ ( 0 )

เป็นเพราะเหตุใด CSS ตัวนี้ถึงไม่ทำงานบน google chrome ครับ

Code

<meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" />
<style>
@font-face {

	font-family: 'oilishi';  
	src: url('oilishi.eot');
	src: local('myfont'), url('oilishi.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}
</style>

<body style="font-family:'oilishi';">
<h1 align="center"> สวัสดีครับ  Hiii </h1>
</body>

Tag : PHP, HTML/CSS

Date : 2014-06-24 21:33:00

By : meannerss

View : 2962

Reply : 3

No. 1

xbeginner01

โพสกระทู้ ( 1,439 )
บทความ ( 0 )

ทำไฟล์ฟอนต์ให้ครบเลยครับ

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

ยังขาด woff ,svg แต่ที่สำคัญควรลองเทสใน safari ด้วยนะครับ เพราะ safari มีปัญหาเรือ่งฟอนต์ไทยเยอะสุดครับ

Date : 2014-06-25 00:49:33

By : xbeginner01

No. 2

meannerss

โพสกระทู้ ( 1,666 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : xbeginner01 เมื่อวันที่ 2014-06-25 00:49:33

รายละเอียดของการตอบ ::

ขอบคุณครับ ผมลองทำตามผู้รู้หลายๆท่าย ที่ให้เอา font ไปgen ตามเว็บต่างๆแล้วได้ output ออกมาครบทุกนามสกุล แต่พอไปรันเกิดปัญหาช่องไฟระหว่างตัวอักษรซ้อนทับกันแบบแปลกๆอะครับ เหมือนเขาไม่ได้ออกแบบมาสำหรับภาษาไทย พอจะมีวิธีหรือเว็บไหนแนะนำไหมครับ

Date : 2014-06-25 01:46:43

By : meannerss

No. 3

xbeginner01

โพสกระทู้ ( 1,439 )
บทความ ( 0 )

เรื่องนี้ผมก็เป็นครับ font thai ค่อนข้างมีปัญหา วิธีแก้ของผม
1. หาเว็บเจนหลายๆ เว็บเพราะบ้างครั้งบางเว็บก็เจนออกมาใช้งานได้ บางครั้งก็ไม่ได้
2. หาฟอนต์อื่นที่คล้ายๆ กันและซัพพอร์ต
3. ใช้เฉพาะบางบราวเซอร์นั้นแหล่ะ ส่วนบราวเซอร์ที่ใช้ไม่ได้ก็ใช้ font ทั่วไปแทน

แต่ผมเคยเห็นเว็บ thairath เขาแก้โดยเรียกผ่าน จาวาสคริปครับ ( น่าจะแก้ได้เหมือนกัน แต่ผมเห็นมันอืดๆ เลยยังไม่ลองแกะโค้ด

)

ก็รอคำตอบผู้รู้ท่านอื่นดูนะครับ ผมเองก็อยากรู้เหมือนกันจะมีวิธีแก้เปล่า

Date : 2014-06-25 07:42:31

By : xbeginner01

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : @font-face ไม่ทำงานบน Google chrome ต้องปรับปรุง CSS ตรงไหนครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก