.
ด้านซ้ายคือ firefox 4 ทางด้านขวาคือ chrome 12 มีวิธีทำแบบอักษรที่ทำให้ Chrome สวยขึ้นหรือไม่?
ภาพด้านบนถูกถ่ายบน windows xp ด้านล่างเป็นอีกตัวอย่างหนึ่งจาก windows 7
.
ด้านซ้ายคือ firefox 4 ทางด้านขวาคือ chrome 12 มีวิธีทำแบบอักษรที่ทำให้ Chrome สวยขึ้นหรือไม่?
ภาพด้านบนถูกถ่ายบน windows xp ด้านล่างเป็นอีกตัวอย่างหนึ่งจาก windows 7
คำตอบ:
ตรวจสอบการตั้งค่า ClearType - ภาพหน้าจอของ Chrome ดูเหมือนว่าถูกบังคับให้แสดงผลแบบไม่ต่อต้านนามแฝง สิ่งนี้จะฆ่าแบบอักษรบนเว็บใด ๆ เนื่องจากไม่มีคำแนะนำขาวดำ (สำหรับเหตุผลขนาดต่าง ๆ ) ฉันเคยเห็นสิ่งนี้รายงานว่า "IE ทำให้ข้อความดีขึ้น" เพราะมันละเว้นการตั้งค่า ClearType ระดับระบบปฏิบัติการของคุณและเปิดใช้งานโดยค่าเริ่มต้น
คำตอบทั้งหมดนั้นผิด! นี่เป็นข้อผิดพลาดครั้งใหญ่ใน Google Chrome โปรดดูรายงานข้อผิดพลาดอย่างเป็นทางการ / ด้ายรวมถึงภาพหน้าจอจำนวนมากที่นี่: รายงานข้อผิดพลาดอย่างเป็นทางการในรหัส Chrome
วิธีแก้ปัญหาที่ดีที่สุดในปัจจุบันคือการให้องค์ประกอบ / บรรทัดแรกของคุณกับกฎง่ายๆนี้:
-webkit-text-stroke: 1px
เพิ่มเติมจากดร. จอห์น: ฉันพบข้อเสนอแนะที่html { -webkit-text-stroke: 0.25px}
สามารถใช้ได้เช่นกัน - พบได้ที่นี่
https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4
-webkit-text-stroke
ใน addon อย่างมีสไตล์ ตอนนี้ Chrome ทำให้ฉันมีความสุขมากขึ้น
Chrome กำลังอ่านการตั้งค่า ClearType ซึ่งเป็นค่าเริ่มต้นใน Windows XP
หากต้องการแก้ไขปัญหาให้ปิดเบราว์เซอร์ Chrome ก่อน
ตอนนี้คลิกขวาที่ใดก็ได้บนเดสก์ท็อปและเลือก 'คุณสมบัติ' จากเมนูแบบเลื่อนลง
คลิกที่แท็บ 'ลักษณะที่ปรากฏ' ที่อยู่ด้านบนของหน้าต่างใหม่
และคลิกที่ปุ่ม 'ผลกระทบ'
ควรอ่านตัวเลือกที่สอง "ใช้วิธีการต่อไปนี้เพื่อปรับขอบแบบอักษรบนหน้าจอให้ราบรื่น"
เลือกตัวเลือก "ClearType"
คลิกใช้ & เปิดเบราว์เซอร์ Chrome ของคุณใหม่
นับจากนี้ไป Chrome จะทำให้แบบอักษรของคุณต่อต้านนามแฝงได้อย่างสวยงามเพื่อเอฟเฟกต์ที่ราบรื่น
วางไฟล์ SVG ที่สูงขึ้นในกฎ css แบบอักษรหน้า 1 หรือวินาทีตัวอย่างเช่น:
@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg'),
url('fonts/gothamrnd-book-webfont.woff') format('woff'),
url('fonts/gothamrnd-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
แทน:
@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamrnd-book-webfont.woff') format('woff'),
url('fonts/gothamrnd-book-webfont.ttf') format('truetype'),
url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}
ตัวอย่างของการแก้ไขนี้สามารถเห็นได้ที่นี่:
คุณเปิดใช้งานการเร่งความเร็ว GPU ใน Google Chrome หรือไม่ พิมพ์about:flags
และค้นหา GPU Accelerated Canvas 2D
ปิดใช้งานหากเปิดใช้งาน แบบอักษรในบางเว็บไซต์ดูขรุขระเมื่อฉันเรียกดูเมื่อเปิดใช้งานการเร่งความเร็ว
ภายใน Google Chrome คลิกที่ประแจ> ตัวเลือก> ภายใต้ฮูด> [ถัดจากเนื้อหาเว็บ] คลิกกำหนดแบบอักษรเอง
เปลี่ยนการตั้งค่าของคุณเพื่อให้หน้าของคุณดูเหมือนของฉัน
จากนั้นคลิกที่ x และดูว่าปัญหาของคุณได้รับการแก้ไขหรือไม่
หากไม่สามารถแก้ไขได้อาจมีอีกอย่างหนึ่ง ... แต่ฉันจะรอจนกว่าคุณจะลอง
Chrome ไม่สามารถแสดงแบบอักษรบนเว็บได้ในขณะนี้ มีข้อบกพร่องหลายประการในการติดตามปัญหาของพวกเขาสำหรับเรื่องนี้ โปรดติดดาวที่เกี่ยวข้องกับคุณเพื่อให้ความสนใจมากขึ้น
ฉันมีปัญหาเดียวกันทุกประการแสดงผล webfonts จากhttp://www.google.co.th/webfontsใน Chrome ฉันลองใช้คำแนะนำทั้งหมดเกี่ยวกับสิ่งนี้และไซต์อื่น ๆ อีกสองแห่งและไม่ทำงานเลย
ในที่สุดฉันก็เริ่มตรวจสอบคุณสมบัติ CSS ของข้อความที่ได้รับผลกระทบมันกลับกลายเป็นสีตัวอักษรจริงที่เป็นสาเหตุของปัญหา ชื่อที่ระบุcolor:#454545
จะแสดงผลไม่ดี แต่ชื่อเดียวกันที่ระบุมีดังต่อไปนี้: color:#333
ทำงานได้ดี ขอบคุณพระเจ้าสำหรับสไตล์ชีทตัวแทนเฉพาะผู้ใช้!
ใน Windows XP ฉันเพิ่งเปลี่ยนตัวเลือก anti-alias จาก "Default" เป็น "Clear Type" ใน
Display → Properties →ลักษณะ→ลักษณะที่ปรากฏ→ VisualEffects
Chrome ใช้ค่า clearType ของระบบสำหรับแบบอักษร ดูดีขึ้นใน Windows 7 อธิบายว่า สำหรับ Mac ฉันใช้ Anti-aliasing สำหรับฟอนต์ทั้งหมดที่มีขนาดใหญ่กว่า 8 ฉันคิดว่า ลองเปิดหรือเปลี่ยน clearType ของเครื่อง Windows ของคุณ
อัปเดต : ดูเหมือนว่า Chrome 22 ขึ้นไปจะไม่สนใจการตั้งค่าระบบสำหรับclearType
ฉันมีปัญหานี้อย่างรุนแรงใน Windows XP SP3 ที่ทำให้ Chrome ไม่สามารถใช้งานได้ตามเจตนาและวัตถุประสงค์ทั้งหมด ฉันสังเกตเห็นว่าฉันได้ติดตั้ง Clear Type Tuning ในแผงควบคุมและลองยกเลิกการเลือก "Enable Font Smoothing" ในแท็บขั้นสูง หลังจากรีสตาร์ท Chrome มันก็โอเคแม้ว่าจะเปิด Font Smoothing อีกครั้งก็ตาม ฉันตัดสินใจที่จะทำเครื่องหมายในช่อง "ใช้การตั้งค่าทั้งหมดกับค่าเริ่มต้นสำหรับผู้ใช้และระบบใหม่"
สำหรับฉันมันไม่ใช่การตั้งค่า ClearType ใน Windows 10.1 x64 แต่มันกลับกลายเป็นการตั้งค่าในเบราว์เซอร์ Chrome ของฉันที่ชื่อว่า DirectWrite
chrome://flags/#directwrite
ที่แก้ไขปัญหาสำหรับฉัน
ดูเหมือนว่าคำตอบที่ยาวและยากคือคุณไม่สามารถทำได้ มีการพูดคุยและคำแนะนำมากมายในความช่วยเหลือของ Chromeแต่ฉันไม่เห็นว่ามีอะไรคุ้มค่าที่จะแนะนำ
คำถามใหญ่คือคุณจะทำให้มันดูแย่จังได้ยังไง! ฉันใช้ Chrome พิมพ์ลงในช่องนี้ ... ฉันยังซูมเข้าเป็นกลุ่มเต็มและฉันไม่เห็นอะไรเหมือนคุณ หากคุณยังคงมีคำถามหลังจากนี้คุณควรอธิบายการกำหนดค่าของคุณไปยังชุมชน
แม้ว่า Chrome นั้นจะ "ใช้งานได้" สำหรับแบบอักษร แต่ก็ดูบางและถูกลบล้างโดยที่มันจะแสดงเส้นทแยงมุมโดยเฉพาะ IE แสดงผลได้ดีกว่ามาก แต่ IE เป็นเบราว์เซอร์ที่ช้ากว่าและดังนั้นจึงเป็น FireFox
ฉันเชื่อว่านี่เป็นส่วนหนึ่งของโครเมี่ยม
BTW, HackToHell ฉันจะไปเปลี่ยนสีการแสดงผลได้ที่ไหน
ฉันจะลองสิ่งนี้
กด windows key + r แล้วพิมพ์ cttune.exe ในนั้น
วิธีการอื่นคือกดปุ่ม windows จากนั้นพิมพ์ cleartype จากนั้นเลือก Adjust ClearType Text
และทำตามคำแนะนำหากคุณยังมีปัญหาลองตัวอย่างอื่น ๆ
สิ่งนี้ได้ผลสำหรับฉันคุณต้องลองตัวอย่างที่แตกต่างกันมากเช่นการปรับเทียบความคมชัด / ความสว่าง แต่สำหรับข้อความแทน
FYI: การปิดใช้งานการเร่งความเร็วแบบ 2d อาจช่วยให้ Chrome ใช้เล่นกับเครื่องมือปรับแต่ง windows cleartype
หากคุณต้องการให้แบบอักษรบนเว็บสามารถอ่านได้ในขณะที่ยังคงปิดใช้งานการปรับแบบอักษรให้เรียบ / cleartype แสดงว่าโซลูชันนั้นคือปิดใช้งานเว็บแบบอักษรใน Google Chrome ในกรณีเช่นนี้เบราว์เซอร์จะใช้แบบอักษรมาตรฐานของระบบปฏิบัติการซึ่งแสดงผลอย่างถูกต้องเมื่อปิดการใช้งานประเภท / การปรับให้เรียบ โดยให้ส่ง/disable-remote-fonts
ค่าสถานะไปที่ chrome.exe คลิกที่ปุ่มทางลัดบน Google Chrome บนเดสก์ท็อปเลือกคุณสมบัติไปที่แท็บทางลัดและตั้งค่าเป้าหมายเป็น:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts
อาจมีปัญหาหนึ่งที่เว็บฟอนต์ถูกปิดใช้งาน หากเว็บไซต์ใช้ไอคอนจากแบบอักษรบนเว็บเว็บไซต์นั้นจะไม่แสดงผล
ปัญหาที่เกี่ยวข้องใน Chromium tracker:
"การตั้งค่า ClearType ทั่วทั้งระบบไม่ได้รับการยอมรับสำหรับแบบอักษรบนเว็บ" https://code.google.com/p/chromium/issues/detail?id=319429
ไปchrome://flags/
(หรือabout:flags
) และปิดการใช้งานตัวเลือกแทนที่ซอฟต์แวร์รายชื่อการแสดงผล
ผ้าใบ 2 มิติแบบเร่งควรปิดใช้งานด้วย
การรวมกันนั้นช่วยฉันได้
ไปที่ chrome: // flags / และตั้งค่า "การลดรอยหยักข้อความ LCD" เป็นเปิดใช้งาน รีสตาร์ทเบราว์เซอร์