@fontface รบกวนผู้รู้ทีครับ งมมา 3 ชมแล้ว

เริ่มโดย iNdEpD, 03 พฤศจิกายน 2012, 18:02:02

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

iNdEpD

พอดีลองเล่น font face ดู เห็นเขาบอกว่าเริ่มรองรับ IE แล้ว แต่ปัญหาคือว่า ผมใส่ไฟล์ฟอนต์ลงไปใน folder font  และใส่โค๊ดนี้ใน css ครับ

@font-face { 
 
    font-family: 'layji';  /* ใส่ชื่อ Font */ 
    src: url('/font/layijimahaniyom_bao.eot'); 
  /* ใส่ URL ที่เก็บไฟล์ Font ที่เป็นนามสกุล .EOT (หลักการเหมือนแทรกรูปภาพธรรมดาๆ ครับ) */ 
    src: local('layji'), url('/font/layijimahaniyom_bao.ttf') format('truetype'); 
  /* ใส่ URL ที่เก็บไฟล์ Font ที่เป็นนามสกุล .TTF (หลักการเหมือนแทรกรูปภาพธรรมดาๆ ครับ) */ 
    font-weight: normal; 
    font-style: normal; 
 
}

#navcon{
font-family: 'layji';
font-size : 17px;
color : #FFFFFF ;
margin:0 auto;
margin-top: 52px;
background-color:#000000;
width : 908px ;
height : 31px ;
}


หน้า html เรียกใช้ตามนี้ครับ

<div id = "navcon">
<nav>
หน้าแรก
</nav>
</div>



ผลการกฏว่ามันไม่ติดอะครับ ลองหลายวิธีแล้ว ยังไงก็ไม่ได้ ตอนแรกคิดว่าเป็ฯที่ไฟล์ otf พอแปลงมาเปน ttf ก็ไม่ได้อะครับ


ท่านใดรูปรบกวนทีนะครับ

I'm Back .........

Love Family

สุขภาพแข็งแรง โชคดีตลอดไป

iNdEpD

อ้างถึงจาก: Love Family ใน 03 พฤศจิกายน 2012, 18:14:31

ผมแนะนำตัว ออนไลน์นะครับลองดู  :wanwan020:
hปปp://designshack.net/articles/css/10-great-google-font-combinations-you-can-copy/

ขอบคุณครับ  :wanwan017: แต่ปัญหาคือ font ผมมันเป็นภาษาไทย  :'(  ย่างเข้าชมที่ 4 แล้ว ยังไม่ได้เลย ท่านใดรู้รบกวนทีครับผม จนปัญญาจริงๆ ทั้งทำตามคลิป ทั้งทำตามหนังสือ

แต่ก็ยังไม่สำเร็จ 


เพิ่มเติม  font ผมโหลดมาจาก font.com นะครับ ไฟล์เป็น otf เอามาแปลงเป็น ttf อีกทีนึงครับ
I'm Back .........

BeerSkz

#3
www.fontsquirrel.com/fontface/generator
เข้าไปอัพโหลดครับ แล้วก็แปลง ดาวน์โหลดมาใช้ได้เลย มีไฟล์ css พร้อม  :wanwan016:

iNdEpD

อ้างถึงจาก: BeerSkz ใน 03 พฤศจิกายน 2012, 18:47:29
www.fontsquirrel.com/fontface/generator
เข้าไปอัพโหลดครับ แล้วก็แปลง ดาวน์โหลดมาใช้ได้เลย มีไฟล์ css พร้อม  :wanwan016:

เอาจาก font.com ได้หรอครับ เขาบอก ห้ามเอาไฟล์ฟอนต์ไปแสดงที่เว็บอื่น ผมเลยไม่กล้าทำ แค่แปลงยังลังเลๆเลยครับ 

ขอบคุณครับ  :wanwan017:
I'm Back .........

iczykung

อ้างถึงจาก: BeerSkz ใน 03 พฤศจิกายน 2012, 18:47:29
www.fontsquirrel.com/fontface/generator
เข้าไปอัพโหลดครับ แล้วก็แปลง ดาวน์โหลดมาใช้ได้เลย มีไฟล์ css พร้อม  :wanwan016:

ตามนี้เลยครับ แต่ว่าต้องตั้ง expert แล้ว เลือก  no subsetting ครับ
Affiliate Hosting สูงสุด 10% (ได้ทุกรอบบิล..รวมถึงต่ออายุ) สนใจ PM  [direct=https://coopnix.co.th]Cloud Enterprise Hosting (cPanel/DirectAdmin) [/direct][direct=https://coopnix.co.th]Enterprise SAS VPS[/direct]
[direct=https://coopnix.co.th]   Cloud Enterprise SSD VPS by VMWare  [/direct]
✔ CPU up to 40 Core ✔ Ram up to 128GB ✔ Disk up to 512GB ✔ Unmetered Bandwidth 
✔ High Availability nodes ✔ Cloud SSD Enterprise Storage ✔ 20Gbps Cluster Network ✔ Free DDoS Protection

bomie

แถมเว็บนี้อีกอันครับ

http://fontface.codeandmore.com/index.php

เพราะเว็บ fontsquirrel จะบล๊อคบางฟอนท์ ฟอนท์ไทยบางอัน error จะแอดไม่ได้

patch ของ font  ลองลบ / ดูก่อนไหมคับ

ลองเปลี่ยนเป็นแบบนี้ src: url('font/layijimahaniyom_bao.eot');

iNdEpD

ทำได้แล้วนะครับ  ขอบคุณพี่ๆทุกคนมากๆครับ  :wanwan017:
I'm Back .........

iNdEpD

มาอีกเรื่ิงนึงแล้วครับ  มันไม่อ่านใน IE ผมอ่านในเวบฝรั่งหลายๆเวบเขาบอกว่าให้ใส่ ?#iefix บ้างก็บอกว่า ? เฉยๆ บ้างก็บอกว่ากำหนดนามสกุลไฟล์เป็นตัวเต็ม แต่ผมลองหมดแล้วมันไม่ติดเลยอะครับ
I'm Back .........