Friday, September 30, 2016

Variation Fonts Demo

Try opening this in a recent Safari nightly build.

The first line shows the text with no variations.
The second line animates the weight.
The third line animations the width.
The fourth line animates both.

hamburgefonstiv
hamburgefonstiv
hamburgefonstiv
hamburgefonstiv

21 comments:

  1. Tried it with Safary Tech Preview, Release 14 (Safari 10.1, WebKit 11603.1.6.0.2). Did not work in OS X 10.11. Any idea?

    ReplyDelete
  2. Support is currently only in WebKit Nightly builds, not Safari Technology Previews.

    ReplyDelete
  3. Is it intentional that the width of each glyph from 'font-variation-settings' doesn't actually change the amount of layout space it occupies? The word doesn't change width, even as the individual glyphs change width?

    Or is that just because of the early stage of the implementation?

    ReplyDelete
  4. This is a known bug. rdar://problem/28662086

    ReplyDelete
  5. This bug does not occur on El Capitan.

    ReplyDelete
  6. This bug was fixed in https://trac.webkit.org/changeset/206896 which is in the latest WebKit nightly build. Please try again on Sierra and let me know if it works for you! 😊

    ReplyDelete
  7. This is fab! However I can’t get font-variation-settings to work if I load Skia.ttf as a webfont via @font-face. Does it only work with fonts installed in the system?

    ReplyDelete
  8. الان ومن خلال اكبر شركة مكافحة حشرات بمكة تعرف على افضل الوسائل المستخدمة فى مكافحة الحشرات التى تعمل على التخلص نهائيا من كافة انواع الحشرات والتاكد من عدم ظهورها مرة اخرى فقط تواصل مع اقوى شركة ابادة حشرات بمكة نصلك فى اسرع وقت اينما كنت

    ReplyDelete
  9. توافر لدي مركز صيانة جولدي عمالة مدربة علي درجة عالية من الوعي و الكفاءة في التصدي للكثير من انواع الاعطال التي تحدث الان من سوء الاستخدام او من تلقاء نفسة و يتواجد لدي مركز صيانه جولدي جميع ادوات الصيانة و قطع الغيار الممكن الاحتياج اليها لتصليح جميع الاعطال الطرا حدوثها في الاجهزة الكهربائية باختلاف انواعها
    https://www.almyaa.com/Goldi-Maintenance/

    ReplyDelete
  10. تتميز شركة امن و حراسة بمصر برجال الامن و البودي جارد المتواجدين لدها لما لديهم من قدرات خاصة في التصدي لجميع انواع المخاطر باختلاف دراجات خطورتها سواء للافراد او المؤسسات و يتواجد لدي شركة حراسات امنية العديد من الاسلحة المرخصة من قبل وزارة الدخلية ذات التقنيات العالية حتي يسهل لهم الوصول الي الهدف المرغوب دون عناء
    http://www.guards-security.com

    ReplyDelete
  11. يتوافر لدي دار مسنين جميع الخدمات التي يحتاجها المسن في هذا العمر المتقدم من حيث الرعاية الصحية او الرعاية الاجتماعية او الرعاية النفسية و تتميز دار المسنين بتوفير كوادر طبية علي اعلي مستوي من العلم والتقدم لتصدي لجميع الامراض المذمنة التي يتعرض اليها المسنين في ذلك العمر المتقدم دون شعورهم بانهم عبء علي الاخرين
    http://www.careolder.com/

    ReplyDelete
  12. تتميز شركة ابادة حشرات عن غيرها من الشركات الاخري بمبيداتها الحشرية و التركيبات الخاصة التي تقضي تماما علي جميع انواع الحشرات و الزواحف و يتوافر لدي شركة مكافحة حشرات امصال كيمائية خاصة بها تمكنها من القضاء و بشكل نهائي و سريع علي جميع انواع الحشرات و الزواحف التي تتردد علي الاماكن التي نتواجد فيها دائما
    http://www.anti-insects.com

    ReplyDelete
  13. يتواجد لدي شركة اسفلت جميع العروض و الخصومات التي تتناسب مع الكثير من المقاولين في طرق السداد و الاوقات التي يتم تسليم المشروع فيها و تتمتاز شركه اسفلت بمواد البناء و السفلته التي تحصل عليها من الدول الخارجية لتتاكد ان العمل يتم كما يجب ان يكون حتي لا يوجد اي نوع من المخاطر التي تعرضة لعدم السير عليه بشكل طبيعي للعديد من السنوات
    http://www.asphaltksa.com

    ReplyDelete
  14. يتواجد لدي مركز صيانة جولدي جميع ادوات الصيانة و قطع الغيار الممكن الاحتياج اليها لتصليح جميع الاعطال الطرا حدوثها في الاجهزة الكهربائية باختلاف انواعها و توافر لدي مركز صيانة شارب عمالة مدربة علي درجة عالية من الوعي و الكفاءة في التصدي للكثير من انواع الاعطال التي تحدث الان من سوء الاستخدام او من تلقاء نفسة
    http://www.maintenanceg.com/Goldi-Agent-Company.html
    http://www.maintenanceg.com/Sharp-Agent-Service-Egypt.html


    ReplyDelete
  15. اطلبوا خدماتنا في مكافحة جميع انواع الحشرات من شركة مكافحة حشرات بمكة
    نوفر لكم افضل المبيدات الامنه على البيئة وافضل الاسعار موقعنا: شركة رش مبيدات بمكة
    اسعار مناسبة وعروض صيفية موقعنا:
    http://www.el3nod.com/5/company-anti-insect-termite-Pesticides-mecca

    ReplyDelete
  16. This comment has been removed by the author.

    ReplyDelete

  17. الدليل السعودي - El Daleel El Saudi
    الدليل السعودي أفضل أسعار للإعلانات في المملكة العربية السعوديـةإذا كان لديك خدمة نقل عفش - مكافحة حشرات كشف تسربات - عزل الأسطح والخزانات - نظافة المنازل - قطاع المقاولات "البناء والتشييد - نجارين - مبلطين -مليسين" وترغب في زيادة نشاطك والحصول على فرص أفضل وزيادة عملك وإنتشارك فنحن نُساعدك من خلال http://www.eldaleelelsaudi.com
    الدليل السعودي للإعلانات المدفوعة بالمملكة العربية السعودية
    شركة تنظيف خزانات المياه بحفر الباطن
    شركات مكافحة الحشرات بحفر الباطن
    أرقام شركات عزل الخزانات بحفر الباطن
    شركة رش المبيدات بحفر الباطن
    شركة تنظيف المنازل والفلل والشقق بحفر الباطن
    شركة نقل أثاث وعفش بحفر الباطن
    ِشركة كشف تسربات بحفر الباطن
    عزل خزانات بحفر الباطن
    #حفر_الباطن #حفرالباطن #كشف_تسربات_المياه #شركة_كشف_تسربات #شركة_عزل_خزانات

    ReplyDelete