TypeNetwork / variable-fonts-info-site

A brochure website to demonstrate the benefits of variable fonts
https://variablefonts.typenetwork.com
Apache License 2.0
36 stars 12 forks source link

Aa animation #104

Closed dberlow closed 5 years ago

dberlow commented 5 years ago

At the end of https://variablefonts.typenetwork.com/topics/styles/variations

The little animation of Aa, is not as good, (serifs of A), or and smooth animating, as it could be.

Can this be a CSS movie that works better?

ghost commented 5 years ago

The serif thing is a Safari rendering wrinkle, as far as I can tell. I tried the same animation outside of the SVG and the same thing happened.

I’d be happy to adjust the animation parameters. So, slower transitions, check. Do you want it to pause at each step or just keep smoothly flowing through?

On Jun 28, 2019, at 7:33 AM, David Berlow notifications@github.com wrote:

At the end of https://variablefonts.typenetwork.com/topics/styles/variations https://variablefonts.typenetwork.com/topics/styles/variations The little animation of Aa, is not as good, (serifs of A), or and smooth animating, as it could be.

Can this be a CSS movie that works better?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/TypeNetwork/variable-fonts-info-site/issues/104?email_source=notifications&email_token=AAEPKAIQAA2OXAU6GPQ7PJLP4YOLFA5CNFSM4H4F45S2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4G4KRNPQ, or mute the thread https://github.com/notifications/unsubscribe-auth/AAEPKAJA3VAHQZMVURIW4J3P4YOLFANCNFSM4H4F45SQ.

ghost commented 5 years ago

Also the Aa position is too high in Firefox, will fix.

On Jun 28, 2019, at 7:48 AM, Chris Lewis clewis@fontbureau.com wrote:

The serif thing is a Safari rendering wrinkle, as far as I can tell. I tried the same animation outside of the SVG and the same thing happened.

I’d be happy to adjust the animation parameters. So, slower transitions, check. Do you want it to pause at each step or just keep smoothly flowing through?

On Jun 28, 2019, at 7:33 AM, David Berlow <notifications@github.com mailto:notifications@github.com> wrote:

At the end of https://variablefonts.typenetwork.com/topics/styles/variations https://variablefonts.typenetwork.com/topics/styles/variations The little animation of Aa, is not as good, (serifs of A), or and smooth animating, as it could be.

Can this be a CSS movie that works better?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/TypeNetwork/variable-fonts-info-site/issues/104?email_source=notifications&email_token=AAEPKAIQAA2OXAU6GPQ7PJLP4YOLFA5CNFSM4H4F45S2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4G4KRNPQ, or mute the thread https://github.com/notifications/unsubscribe-auth/AAEPKAJA3VAHQZMVURIW4J3P4YOLFANCNFSM4H4F45SQ.

dberlow commented 5 years ago

Smooth and continuous will be fine.

On Jun 28, 2019, at 7:48 AM, Chris Lewis notifications@github.com wrote:

The serif thing is a Safari rendering wrinkle, as far as I can tell. I tried the same animation outside of the SVG and the same thing happened.

I’d be happy to adjust the animation parameters. So, slower transitions, check. Do you want it to pause at each step or just keep smoothly flowing through?

On Jun 28, 2019, at 7:33 AM, David Berlow notifications@github.com wrote:

At the end of https://variablefonts.typenetwork.com/topics/styles/variations https://variablefonts.typenetwork.com/topics/styles/variations The little animation of Aa, is not as good, (serifs of A), or and smooth animating, as it could be.

Can this be a CSS movie that works better?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/TypeNetwork/variable-fonts-info-site/issues/104?email_source=notifications&email_token=AAEPKAIQAA2OXAU6GPQ7PJLP4YOLFA5CNFSM4H4F45S2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4G4KRNPQ, or mute the thread https://github.com/notifications/unsubscribe-auth/AAEPKAJA3VAHQZMVURIW4J3P4YOLFANCNFSM4H4F45SQ.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.