คำถามติดแท็ก webfonts

ในCSS3 font-faceมีหลายประเภทหลายแบบอักษรรวมเช่นttf, eot, woff, และsvgcff ทำไมเราควรใช้ทุกประเภทเหล่านี้? หากพวกเขาพิเศษสำหรับเบราว์เซอร์ที่แตกต่างกันทำไมจำนวนของพวกเขามากกว่าจำนวนของเบราว์เซอร์ที่สำคัญ?

299 css  font-face  webfonts 

วิธีที่ต้องการรวมถึง Google Web Fonts ในหน้าคืออะไร? ผ่านแท็กลิงก์หรือไม่ <link href = 'http: //fonts.googleapis.com/css? family = Judson: 400,400italic, 700' rel = 'stylesheet' type = 'text / css'> ผ่านการนำเข้าในสไตล์ชีทหรือไม่ @import url (http://fonts.googleapis.com/css?family=Kameron:400,700); หรือใช้เว็บโหลดฟอนต์ https://developers.google.com/webfonts/docs/webfont_loader

190 fonts  webfonts  google-webfonts 

ฉันไม่ได้ใช้แฟลชหรือ PHP - และฉันถูกขอให้เพิ่มแบบอักษรที่กำหนดเองลงในเค้าโครง HTML แบบง่าย "KG June Bug" ฉันดาวน์โหลดมันไว้ในเครื่อง - มีเคล็ดลับ CSS ง่าย ๆ ในการทำสิ่งนี้หรือไม่?

153 html  css  fonts  webfonts 

ฉันชอบแบบอักษรไอคอนตัวอักษรที่ยอดเยี่ยมและต้องการใช้สำหรับไอคอนส่วนใหญ่ในเว็บไซต์ของฉัน แต่มีไอคอน svg ที่กำหนดเองไม่กี่ตัวที่ฉันต้องการนอกเหนือไปจากสิ่งที่มีให้ ฉันสังเกตว่าFont. รุ่น SVVGนั้นประกอบไปด้วย<glyph />องค์ประกอบเหล่านี้เป็นส่วนใหญ่: ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 -59.5 -25.5t-24.5 60.5v477q0 31 23 57q27 23 57 23h477q51 0 61.5 -24.5t-24.5 -59.5l-160 -158l338 -338l332 334l-162 162q-35 35 -24.5 59.5t61.5 24.5h477q33 0 55 -23 q25 -25 25 …

138 svg  webfonts  font-awesome 

ฉันมีแบบอักษรสำหรับเว็บแบบกำหนดเองที่ใช้ในไซต์ของฉัน ในการจัดรูปแบบเอาต์พุตการเรนเดอร์ของฉันฉันใช้รหัสต่อไปนี้: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; ใช้งานได้ดีบน Safari และ Chrome (ขอบคมกว่าและเส้นบางลง) มีวิธีใดบ้างในการปรับใช้สไตล์เดียวกันบน Firefox และ Opera

112 css  fonts  webfonts  antialiasing 

ปิด. คำถามนี้เป็นคำถามปิดหัวข้อ ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันสับสนเล็กน้อยเกี่ยวกับกฎหมายที่ใช้กับเว็บฟอนต์ ฉันรู้ว่าการใช้ฟอนต์เช่น Arial, Times Romans, Georgia และอื่น ๆ เป็นเรื่องปกติ ... ฉันคิดว่าการใช้ฟอนต์เชิงพาณิชย์อื่น ๆ นั้นผิดกฎหมาย มีเว็บไซต์ที่ให้บริการแบบอักษรฟรีหรือไม่? ถ้ามี. ฉันสามารถใช้มันโดยตรงโดยไม่ต้องเอ่ยถึงผู้สร้างฟอนต์ฟรีหรือไม่ต้องเชื่อมโยงเพจที่ฉันดาวน์โหลดได้หรือไม่ หรือฉันต้อง? ฉันจะใช้ฟอนต์บนเว็บได้อย่างไรหากฉันไม่ได้รับอนุญาตให้แจกจ่ายซ้ำในรูปแบบดิจิทัล

108 webfonts 

นับตั้งแต่เกิดปัญหาโดยใช้Cufonฉันก็พยายามหลีกเลี่ยงการใช้ทรัพยากรแบบอักษรภายนอก แต่เมื่อถึงช่วงปลายฉันได้มองหาวิธีอื่นในการโหลดฟอนต์เพื่อดูว่ามีวิธีที่ดีกว่านี้หรือไม่ วิธีการที่ดีกว่ามีวิธีเพียงแค่โผล่ออกมาจากสีน้ำเงิน มีวิธีการใหม่ ๆ มากมายและดูเหมือนว่าจะมีรูปแบบต่างๆสำหรับแต่ละวิธี ฉันควรใช้typekitหรือไม่? หรือgoogle webfonts (ด้วย js หรือ css)? ฉันควรใช้ฟอนต์โหลดในเครื่องต่อไปหรือไม่ (เช่นวิธีสร้างแบบอักษร Fontquirrel.com) ฉันจะแสดงวิธีการที่ดูเหมือนจะได้รับการตอบรับดีที่สุดด้านล่างพร้อมกับการทดสอบบางอย่าง แต่การย้ายไปใช้เว็บฟอนต์นั้นคุ้มค่าหรือไม่? ดูเหมือนว่าจะมีการโหลดทรัพยากรที่สูงขึ้น (คำขอ http) และมีประเภทรูปแบบไฟล์น้อยกว่า (ความเข้ากันได้น้อยลง) เป็นต้น แต่ดูเหมือนว่าไฟล์จะโหลดแบบ async และมีประสิทธิภาพในกรณีส่วนใหญ่ เป็นเพียงเรื่องของสถานการณ์และความจำเป็น? ถ้าเป็นเช่นนั้นพวกเขาคืออะไร? มีความแตกต่างอย่างมากระหว่างวิธีการเหล่านี้หรือไม่? มีวิธีที่ดีกว่านี้ไหมที่ฉันไม่ได้ระบุไว้ อะไรคือโปร / คอนสำหรับประสิทธิภาพ? ดู? การพึ่งพา? ความเข้ากันได้? ฉันกำลังมองหาแนวทางปฏิบัติที่ดีที่สุดที่นี่จริงๆประสิทธิภาพเป็นเรื่องใหญ่ แต่ความสามารถในการปรับขนาดและใช้งานง่าย ไม่ต้องพูดถึงหน้าตา Google CSS ใช้สไตล์ชีตภายนอกเท่านั้น ใช้เฉพาะไฟล์ประเภทที่เล็กที่สุดที่เข้ากันได้ สามารถใช้@importหรือ<link>หรือนำเนื้อหาของสไตล์ชี ( @font-face) มาใส่ลงในสไตล์ชีทของคุณได้โดยตรง ผลการทดสอบ 78ms …

101 javascript  css  fonts  webfonts