00:00
ah hi everyone
00:05
and I'm Fredrick Philipp von wise and
00:07
thank you for consuming the Thunder
00:08
nerds
00:09
a conversation with the people behind
00:11
the technology that love what they do
00:13
and do tech good welcome everybody we're
00:17
at event Orlando event apart in Orlando
00:20
rather we're with a Jason Pamental
00:23
I've been doing good I'm Joe really
00:27
appreciate you I spent some time with us
00:29
I know you're a busy guy this week well
00:32
I've got I've got till Wednesday morning
00:34
to be nervous so like right now like
00:36
next couple days is more just taking it
00:38
in enjoying it is it is it more
00:39
difficult like waiting your turn or
00:42
would you rather have gotten it over
00:44
like Monday at like 9:00 um
00:47
true confession yeah this is a super
00:51
intimidating converse to be that
00:53
conference to be speaking at sure I mean
00:55
this is like kind of you know sort of a
00:58
bucket-list day oh the first time was in
01:02
April in Seattle
01:03
and I was in the second-to-last timeslot
01:06
on the third day and I was just sweating
01:09
bullets the entire time oh yeah my wife
01:12
was there with me I mean it like it was
01:14
it was fantastic it was awesome and it
01:15
went well yeah but but man you just you
01:18
want to do well an event like this
01:20
everybody's here to see like the best
01:23
people in the business and then me yeah
01:26
and so like to get the chance to be up
01:28
there and do that that's awesome well
01:29
obviously you weren't invited because
01:31
you are one of those people that's I
01:35
know that's a high responsibility to
01:38
hold on one shoulders but there you are
01:41
it's it's taking one I mean I've been
01:43
doing conference talk since 2010 mmm
01:46
I've known I've known Jeffrey and Eric
01:48
for a long time one of the first
01:50
conferences I ever went to was I've been
01:52
apart in Boston in 2009 oh wow so right
01:56
right but no they started in 2006 so
01:58
yeah yeah it was you know it's pretty
02:00
early and html5 was just becoming a
02:03
thing and Jeremy keith was there talking
02:06
about it and then just had all these
02:07
just amazing speakers there you know
02:10
it's just that's what we all aspire to
02:12
right you know who's
02:13
like do the best that we can do in in
02:16
our little corner of the web and and
02:18
their goal to have that you know have
02:21
the chance to show everybody else what
02:22
you've been doing yeah and like you're
02:24
fantastic because you're the only person
02:26
speaking about typography today so
02:29
that's pretty oh not today but like on
02:31
Wednesday that's amazing that's not
02:33
something that we get to hear often of
02:35
about like typography so tell us about
02:38
your talk like little pinpoints in is a
02:41
bearable fonts in the future of
02:43
typography yeah yeah so I've always
02:47
loved type I study graphic design and
02:51
really kind of fell in love with what I
02:54
could do with with typefaces and but I
02:59
was also working on the web at the same
03:00
time and and so you know for the I
03:04
started working on a web in the like
03:06
1994 and you couldn't really do anything
03:09
with type really who's writing 15 years
03:12
and so there was like like it was there
03:15
were a few things in there but we just
03:17
don't really want to talk about
03:28
accessibility and so so Typekit launched
03:32
and it was a total like reinvention of
03:36
designing for the web for me and I
03:38
started researching it and writing about
03:40
it and and just offering to help as many
03:43
people as I could and that turned into
03:45
an opportunity to write for fonts calm
03:48
and um and that turned into then getting
03:52
my one of my Mike's like second or third
03:56
conference talk was about web typography
03:58
and that's been almost the only thing
04:00
I've talked about ever since I'm a
04:02
little bit OneNote that way but um but
04:06
that's the thing is like not many people
04:07
talk about it and I think it's super
04:09
important for people to know about it
04:11
and understand typography and understand
04:13
how to implement it and I'm the thing so
04:17
in over 20 years of working on the web
04:21
responsive design was probably one of
04:24
the biggest chain
04:26
Changez and sort of like major
04:29
inflection points no ganja but I think
04:32
in a lot of ways be in how we think
04:35
about design like we have to think in
04:37
proportion not in specific so that we
04:39
understand those relationships as the
04:41
screen size changes and type is no
04:43
different and that was the parallel that
04:45
I felt we all needed to know more about
04:48
and so that's why I started to write
04:50
about it and talk about like how do you
04:52
how to use scale type on these different
04:55
size devices in order to guide people
04:58
around to show them what's important
05:00
where and fit um so if you don't make
05:02
the heading smaller one on a smaller
05:04
screen then it's cramped and crowded and
05:08
the word breaks are awful and you have
05:09
like one word per line and it's just
05:11
kind of ugly or worse it breaks the
05:14
words and even I mean that's so you know
05:18
those kinds of things that just to be
05:19
considered about it
05:21
I think were super important and and so
05:23
the next thing for me personally was two
05:28
years ago seeing the introduction of
05:31
variable fonts yeah this is really
05:33
amazing stuff yeah so everything that
05:35
we've been doing about layout scaling we
05:39
can actually do win the typeface itself
05:42
so instead of having all of these
05:44
different widths and weights in separate
05:47
files you have one file and you can CSS
05:49
to say make it really narrow or make it
05:51
really wide or making thin and really
05:52
heavy
05:52
whatever the typeface designer included
05:55
in that typeface so they don't all have
05:57
every different axis of variation but
06:00
there are lots and I'll have a bunch of
06:03
typefaces to show people that you can do
06:05
all kinds of really interesting things
06:07
to have this one file asset that could
06:09
go from you know like 20% wide to 150%
06:15
wide you know based on like the normal
06:17
character and they don't mind explaining
06:19
to some of the people that don't
06:20
understand that concept of well I have
06:23
to download five different versions of
06:26
the spawns and why that might not be
06:29
considered the most optimal right so um
06:33
shame on me totally glossed over that
06:36
traditionally if you wanted to have a
06:39
typeface like so real-world example a
06:46
veneer next beautiful classic typeface
06:50
from monotype if you wanted to have
06:52
every width of that and everything nests
06:56
and the italics you would have to
06:58
download 32 files cheese Louise house
07:01
and and no one would ever do that on the
07:03
web they would say okay we'll have
07:05
regular or a bold will have italic bold
07:08
italic fine maybe we'll have one for
07:10
heading so that's it and and and that's
07:13
the that's the design language you have
07:15
and then all you can do from there is
07:17
then just its regular its bold and
07:20
change the text size and that's it
07:22
alright and that's it and and if you
07:24
think a lot of people are think that
07:27
that's just fine because that's all
07:28
we've ever had on the web but if you
07:32
look at the parallel in print design
07:35
it's absolutely normal for somebody to
07:37
use fifteen different weights in
07:39
variance in layout so they're modulating
07:42
the weight of the text and the width of
07:44
it all the time to get just the right
07:46
level of sort of vocal range and and
07:51
instead of having the exact same weight
07:53
in every level of header they might be
07:54
making it slightly lighter as it gets
07:57
physically smaller so the text stays
07:59
clear you know really heavy text at
08:01
small size gets really hard to read so
08:03
instead of it being a 700 wait maybe
08:06
it's 650 maybe it's 625 and and that's
08:10
where you start to get some really
08:12
interesting things happening and the
08:15
more files that you're replacing with
08:16
that one variable font the better
08:18
performance you have because you're only
08:20
downloading one asset and even if that
08:22
one asset is bigger than a single static
08:26
font file it's smaller than four you
08:29
know typically so like those are the
08:30
kinds of things that that you want to
08:32
look for and that gives us a kind of
08:35
design freedom that we've never had on
08:38
the web yeah
08:39
how easy is it to cure these Fonz's are
08:44
most companies putting out these kind of
08:46
fonts well so bear in mind the format
08:51
was only introduced two years ago
08:53
and it only started shipping in browsers
08:56
one year ago we only had it in all four
08:59
major shipping browsers three weeks ago
09:02
geez Lily so like there's it's it's been
09:05
um it's been a fairly rapid growth and
09:08
adoption from the CSS and browser
09:10
perspective can I use puts it over 70%
09:13
now so that's actually pretty solid and
09:16
and then excuse me the fonts are coming
09:22
but we're actually still I'm not even
09:25
sure there's over a hundred of them yet
09:27
well I mean compared to tens of
09:29
thousands of different typefaces
09:31
available you know on all the other
09:33
platforms so there's a difference there
09:37
but more and more people are starting to
09:41
support it and investigate it and and
09:43
what I think is really exciting is it's
09:45
the smaller foundries and individual
09:47
designers that are adopting this faster
09:50
so we're actually seeing newer more
09:53
interesting typefaces come out and and
09:56
yes we'll have so avenir is coming I
09:58
have the sort of early release version
10:01
of that for monotype to show on
10:03
Wednesday along with a few others and a
10:06
pretty significant it notes but whatnot
10:08
yeah that's awesome
10:10
so yeah this but it's um so it's you
10:25
know more and more people are noticing
10:26
and monotype is starting to work on more
10:28
variable fonts adobe recently supported
10:31
frank chrétien were working on the
10:33
italics for source surf pro so now we
10:35
have source tariffs and regular an
10:37
italic as a variable font it's really
10:39
beautiful actually working with that on
10:41
a project now and and again that's
10:44
another one where you know a file like
10:47
one file can replace six others and it's
10:50
really pretty remarkable and it looks
10:52
really good so when you think about so
10:56
for anybody who's here we just saw
10:58
jessenia press crews give an amazing
11:00
talk about design systems that she works
11:04
on at Vox media
11:06
and we look at in that sort of context
11:08
where you have one font file that could
11:11
then be used across a platform to then
11:14
create more design variation on
11:16
different sites without having to
11:18
replace the file all you're doing is
11:20
changing the metrics of like what you're
11:22
calling for width and weight nents so
11:24
you can get a lot more so I don't think
11:27
we'll ever have as many fonts that are
11:29
variable as there are static but those
11:32
individual fonts are going to be so much
11:35
more useful yes and interesting and have
11:38
so much more variety to them that that's
11:41
where you'll you'll see I think some
11:43
real innovation where designers get
11:46
really good at this you know these
11:47
couple of variable fonts and they can do
11:49
gymnastics with them that would run
11:51
rings around other people to create this
11:54
really beautiful elegant typographic
11:56
hierarchy that's really just right do
11:59
you think somebody like Google Fonts is
12:02
gonna pick that up live there one so the
12:05
format was introduced by Google on Apple
12:08
Adobe and Microsoft and follow the money
12:14
yeah serves tons of fonts last time I
12:19
heard a stat it was almost a year ago
12:21
they were serving twenty six billion
12:23
instances of open sans lab Wow
12:27
so right so I mean think about their
12:30
bandwidth bill yeah and so if you think
12:33
about replacing all of that with a
12:34
single variable font that's cached on a
12:37
CDN something as simple as that could
12:40
dramatically alter the resources
12:43
required to serve fonts and that they
12:45
and and so they're thinking about also
12:47
sub setting and using them in
12:48
advertising and so you get more utility
12:51
out of them there I'm all of those
12:54
things taken together give them and
12:56
anybody else who's serving fonts as a
12:58
business a tremendous incentive to to
13:01
invest in that format and then you've
13:05
got all of us in the web design world
13:07
that have you know we're looking for all
13:11
of these ways to optimize performance so
13:13
if you can serve one asset instead of
13:15
six then you've got to win there you're
13:19
going to save a little bandwidth
13:20
save on another couple of HTTP requests
13:22
and and then on top of that we have the
13:25
wind that we can design done so so
13:28
that's you know I always try and present
13:29
both sides of that because you have to
13:31
overcome an objection we need to get
13:34
people to not say no to integrating them
13:38
but then teach the designers now you've
13:40
got to learn about you've got to learn
13:42
how to use it well well that's amazing
13:44
that's a really great way to not only
13:46
get your company on board with like
13:48
using and being familiar with with type
13:51
and just the concept of it but also like
13:53
saying hey we're gonna we're gonna use
13:55
it now we're gonna we're doing this
13:56
because it's gonna help us right right
13:58
and and so that you know a couple years
14:02
ago we had we're working on a website
14:07
that was related to it was an offshoot
14:10
of science magazine the creative
14:11
director for science magazines
14:13
award-winning designer really phenomenal
14:16
not as in tune with the web they gave us
14:19
design that had 13 different weights of
14:22
the typeface of it and it was a
14:25
beautiful design and it was at that time
14:27
completely unproduced able for the web
14:29
without over you know without loading
14:31
like 600 k funding and and as much as i
14:35
would say that is worth more than a
14:38
couple of JPEGs because you're going to
14:40
get more use out of it you know the
14:42
truth is no one would ever let us
14:45
because it is also something that gets
14:47
in the way of the end user you know an
14:49
image loading will load later fonts
14:51
that's harder to manage right and so it
14:54
is a little bit more of a thing that
14:55
blocks the experience or it can mm-hmm
14:58
doesn't have to but that's again that's
15:02
a whole part of the technical discussion
15:04
about how you implement it so I try and
15:06
always make sure to cover both sides of
15:08
that yeah I love that
15:09
it's especially like I mean I'm sure the
15:11
user more our users your users now um
15:15
are our listeners can probably attest
15:18
use them you know it's hard to like talk
15:20
to your manager to your lead you know to
15:22
your company and say hey we need to make
15:24
this very small design decision right
15:27
like yes maybe it's only very small but
15:30
it can save us so much right my love
15:32
that
15:33
no you're able to say like okay well
15:34
this is gonna say let's not only like
15:36
bandwidth but also like it's better for
15:38
everybody right like that's fantastic I
15:40
mean another thing is what do you do by
15:43
the way like on your day to day like
15:45
beyond just like be amazing at all the
15:48
typography things just some podcasts all
15:50
day but that's really so I left the
15:55
agency where I was working in the Boston
15:58
area I'm from Providence Rhode Island
16:00
and and I really wanted to focus on
16:04
doing this for companies um and I've
16:07
I've been working in the web field for a
16:09
really long time I was running an agency
16:11
where I was kind of in charge of the
16:13
design and strategy and development
16:14
teams and and that was fun to help one
16:18
organization at a time but what I really
16:20
wanted to do was try and find the
16:23
opportunities make the opportunities to
16:25
work with companies on a larger scale to
16:28
help them with their brand with their
16:30
performance with their user experience
16:31
to embrace this this kind of technology
16:35
and then you know use all the
16:38
opportunities I have to come to
16:39
conferences like this to kind of help
16:41
people on a broader scale so I've did a
16:44
bunch of work this year for some of the
16:46
different font companies for Adobe for
16:48
mono type and type network like building
16:52
demos and things for them to show off
16:55
the capabilities of variable fonts and I
16:57
wrote a guide for the Mozilla developer
17:01
Network on how to implement them so you
17:04
know with all the other amazing mdn Docs
17:06
you can go and you can read and see all
17:08
the examples about how to implement it
17:11
when can I read this now it's it's there
17:15
it's up it's live and it was great I got
17:18
to work with Jenn Simmons and some other
17:20
really awesome people at Mozilla and and
17:22
we had all this stuff prepped and then
17:24
September 5th came around and that like
17:27
Garrett was they launched Firefox 62 it
17:29
had variable Fox apart we had the guide
17:31
we had all this other stuff and it was
17:34
as awesome and um they've also got this
17:37
incredible font editor tool in
17:39
development as part of the dev tools
17:40
that's going to come out in the next
17:42
release that I'll show that as well
17:45
I'm sure Jen's gonna show it today and
17:48
it actually builds all these tools into
17:52
your dev tools where you select an
17:54
element that is set in a variable font
17:56
and it gives you all the info about it
17:57
right there and your dog do that's nice
18:00
yeah so that means a I mean and it's
18:03
like a whole bunch of things it shows
18:04
you you can look at the CSS but you also
18:07
can see a drop-down that has all of what
18:10
they what are called named instances
18:12
within a font so if you're used to the
18:15
idea of bold condensed or regular italic
18:19
you can select that and it will
18:21
automatically move the little sliders
18:22
and adjust the CSS and show you
18:24
everything but then you can also drag
18:26
those sliders around so that you can see
18:28
what does it look like a little thinner
18:30
a little thicker stop is this entire fox
18:32
dev edition it sits in the nightly build
18:34
now and it will be released I general
18:38
know better but I think it's slated for
18:41
the next full release which should be I
18:43
think in the next month
18:44
stop I mean use it in literally 12
18:46
minutes out of this it's gonna happen so
18:48
um I'm not quite brave enough to run my
18:52
talk in the nightly build but I am gonna
18:54
be delivering my talk entirely within
18:57
Firefox in the browser so it's all live
18:58
website oh my gosh your talk is gonna be
19:00
fantastic
19:01
I'm so excited that's that's why I'm at
19:03
11 on this Oh course there's so much
19:06
cool stuff to show we need to get you
19:08
another amp so you can go at it another
19:09
11 22 like so well actually one of the
19:14
other things that's really cool that I
19:15
can that kind of like totally taught all
19:18
of you are here listeners I've got a
19:20
bunch of really cool stuff from adidas
19:22
adidas is using variable fonts in their
19:25
print work they're not even using one oh
19:27
yeah Wow tell us about that so I got to
19:31
see them give a talk about this at a
19:33
typography conference in Amsterdam
19:36
Antwerp rather sorry just a few weeks
19:39
ago and and so is there their head of
19:42
brand and this amazing type designer
19:44
Jeremy nickel from the LA area and and
19:48
this guy Kenneth Normandy that I've
19:49
known for a while is a fantastic web
19:51
developer and they've kind of created
19:55
for them a custom plugin for using an
19:57
illustrator and I think
19:58
in design so that they can actually use
20:00
these variable fonts in their print work
20:02
Wow and they've got to they've got a
20:06
DeNooyer which is basically the their
20:08
brand typeface and then I don't know yet
20:10
chomp which is think sports uniform you
20:14
know it's got like the hard angle
20:15
corners and everything but they designed
20:17
these things to scale like crazy so when
20:20
you think of like a normal typeface if
20:24
you call regular with a hundred percent
20:26
you might see something that scales to
20:28
maybe 60% of that width and maybe 120
20:32
150 percent like there's sort of a
20:35
natural range that you see yeah this is
20:37
one to a thousand like it's insane like
20:41
no boards they they can they have used
20:44
them on billboards and all kinds of
20:47
different I mean it's incredible and and
20:50
so there's a couple of different things
20:53
that are I think really amazing about it
20:56
one is how they're using it in all of
20:58
their own advertising and marketing and
21:01
stuff but chop they use in uniform
21:04
design so with the variability of width
21:07
they can make any school's uniform look
21:10
amazing because they can customize the
21:13
numbers they can fit any name in that
21:15
space and so really like what Leon
21:18
they're like they're head of brand was
21:20
so excited about is that it takes this
21:22
like typographic DNA and elevates it for
21:26
every school the tiniest school with the
21:29
smallest budget can get these custom
21:31
uniforms that look Pro and you know it's
21:34
not it's not forced it's not scratch
21:37
stretched or or distorted in any way it
21:39
just looks spot-on amazing it is are
21:44
like super stoked about it
21:46
getting like the amazing stuff yeah
21:49
absolutely so so that stuff is really
21:52
awesome and they were kind enough to
21:54
give me the web font versions of those
21:56
so I can actually show some of that
21:58
stuff in action how easy is it to
22:02
actually create one of these fonts um
22:04
it's not so easy to create the fun it
22:07
has to be as it really needs to be part
22:09
of your design process okay how
22:12
ever anybody that has been working
22:15
designing typefaces in a relatively
22:18
modern way and and by that I mean if
22:22
they if you are working in the way the
22:26
tools have been designed to work in the
22:27
last ten years as opposed to someone
22:31
that's been designing type for 20 or 30
22:33
years um you're probably more online be
22:38
somewhat more cattles but I've had some
22:41
pie-faced designers tell me that they
22:43
went through their whole catalog in a
22:44
week and made responsive variables out
22:47
of them not that they're really seeing
22:49
production but the process of getting a
22:51
fair chunk of the way they're pretty
22:54
quick
22:54
and and this this guy David Jonathan
22:59
Ross is an incredible type designer and
23:01
super super nice guy he started this
23:04
thing called font of the Month Club you
23:06
need to check this out five to go month
23:08
club.com okay and well had a link in the
23:10
show notes for I don't remember it was
23:14
like nine dollars a month or something
23:15
like that
23:15
he sends he's been sending out a font
23:18
literally every month and almost every
23:20
month he's included a variable version
23:21
Wow so the main typeface in my talk on
23:25
my website it's Roslindale variable it's
23:28
awesome I absolutely adore it it's just
23:30
it's just a beautiful typeface um and
23:34
he's put out on well I've been
23:37
subscribing for a little over a year and
23:39
have of the thirteen or fourteen fonts
23:43
that I have I think at least ten of them
23:45
had a variable version so anything so
23:48
some people are getting really into it
23:49
and and really like jumping in with both
23:53
feet
23:54
the other one that I'm not going to tell
23:56
you about today but on Wednesday this is
24:01
one of the ten most popular web fonts of
24:04
all time well and he's and so this type
24:10
designer was somebody had spoken with
24:12
about it I I said have you tried and the
24:16
answer was yes a stickman and then days
24:22
later I got to fun
24:24
so thanks you know I think it all it
24:27
takes is people asking and I like
24:29
showing that there's actually admin so
24:31
that's why I want to create that
24:34
excitement in the web world so people
24:37
ask and that that's what the rest of the
24:40
industry needs to see because the type
24:42
industry has been through a scalable
24:44
font format a couple of times now and it
24:47
hasn't really taken on but the
24:48
Wetterling exists then and now it does
24:51
and now we have like a reason for this
24:54
stuff to be here and that's what that's
24:57
why I'm so excited it does it increase
24:59
the obviously there's a lot more work
25:02
that goes into creating these is it also
25:04
going to exponentially increase the the
25:08
price of renting or purchasing these
25:10
fonts so that's been everybody's
25:13
question for individual type designers
25:17
and foundries there their answer has
25:20
been so far in most cases all or nothing
25:26
so you buy the whole family we'll give
25:29
you the variable font so that's great
25:31
that's one way to go about it sure um
25:33
other places have said okay we're not
25:35
really sure what the market is so we'll
25:37
give this one away for free for a year
25:39
and so like they'll create a license
25:42
that will say you know you can use this
25:44
for free until you know January 1 or
25:47
December 31st of 2019 or something like
25:50
that and we'll just see how many people
25:52
use it so that's more the approach that
25:54
monotype took with ffs meta when I sort
25:58
of helped them launch that I designed a
26:00
page for that to show people what they
26:02
could do it's actually hosted on codepen
26:04
and and so you know people can grab that
26:08
and use it on their own site for a year
26:10
and see what they like and see something
26:11
that's gonna true at a veneer yeah and
26:14
and I knew they were working on a veneer
26:16
in like last week at another event
26:18
somebody came up and talked to me
26:19
afterwards and was telling me that their
26:22
company uses a veneer in their branding
26:25
and they've been really trying to
26:26
standardize on that and use it
26:28
everywhere and I said they're like
26:31
that's it that's the opportunity right
26:33
there and and so I contacted monotype
26:36
and they sent me the font make
26:38
gave me a license to give to them to
26:39
play around with and I like that's what
26:42
we need we need to create the
26:43
connections where you got an excited
26:45
developer we've got somebody who's
26:48
working on that typeface and a company
26:49
that that's their brand there's where we
26:52
can kind of create that opportunity to
26:54
really showcase what we can do with them
26:57
I love that I love that you're an
26:58
advocate for that too that like that's
27:00
amazing because I don't think I mean I
27:03
don't know about you but for me I
27:04
definitely wouldn't have thought like
27:05
okay I have like that's cool yeah
27:07
whatever
27:08
well well talk to me in six months
27:15
that's what was going through my mind I
27:18
believe me I spent the better part of a
27:20
year trying to convince some of the
27:21
bigger type companies to hire me to be
27:23
the advocate for this they're not ready
27:25
to do that yet
27:25
so I said maybe I can find a way to do
27:28
that myself and you've converted me I'm
27:31
you just said what a person I'm sure
27:33
gonna get a few calls
27:34
yeah well that's that's the goal is to
27:37
educate raise the awareness and and I
27:41
just believe that the opportunities will
27:44
follow when do you think it's going to
27:46
be more of a a mainstream kind of thing
27:48
where we're gonna see this like oh of
27:50
course I could use a variable and I I
27:53
was hoping that this year was gonna be
27:55
that year I think I was a little head of
27:57
myself but but I do think that it will
28:01
start to become a mainstream thing in
28:03
the next year I just got to start
28:07
working on a project um it's for a
28:12
really awesome digital services team at
28:15
a state nearby and and so I'm helping
28:19
them with the design system and and
28:22
their typography and one of the things
28:24
that we're doing is looking to
28:25
incorporate variable fonts in that and
28:27
they've got an amazing development team
28:29
working with them and I'm working
28:31
hand-in-hand with them to I've I I wrote
28:35
the the front end code to implement all
28:38
of the little tricks about font loading
28:40
management and fall backs and
28:42
incorporating the variable fonts where
28:44
they're supported so important thing to
28:47
know that supports feature detection and
28:49
CSS works great with it
28:51
so you can just scope your CSS like have
28:55
your normal type for all the browsers
28:57
that don't support it but then if it
28:59
supports to now call this stuff and and
29:03
then you can have it only load it's
29:05
never going to load the the fonts twice
29:07
it's only gonna load the ones that it
29:08
understands and knows it can support and
29:11
so that's why you really can put it into
29:13
production right away and for any
29:16
browser that supports it it just gets it
29:18
and there's nothing that the user has to
29:20
do I think that alleviates a lot of
29:22
trepidation yes with people thinking
29:25
about can I actually use this do I want
29:27
to use this am I gonna call to files
29:29
well and that's so it was really
29:31
important to me to make sure to prove
29:33
that yeah and so I've got a whole slew
29:35
of demos up on code pen where people can
29:38
actually check it out themselves and so
29:40
thanks Jay shouting and that's uncle pen
29:44
whole bunch of demos there and one of
29:48
the other nifty things is if it supports
29:50
variable fonts it will also support CSS
29:53
variables or custom properties as well
29:55
as calculation and those three things
29:57
together are the magic sauce yeah
30:00
because you have this variable typeface
30:03
and then you can have this totally fluid
30:05
typographic scaling system that you
30:08
reset a handful of variables up top and
30:10
then your whole typographic system can
30:12
scale across breakpoints and you have
30:14
much less code to write and and it's
30:17
much more Universal so you don't have to
30:20
touch the big hairy-looking formulas all
30:23
you have to do is say what's the
30:24
smallest I want it to be what's the
30:25
biggest I wanted to be and what are the
30:27
breakpoints and then it just scales in
30:29
between yeah it's really it's neat stuff
30:31
I'll show a bunch of that I have a cry
30:35
tears of happiness
30:37
well Jason for the people that couldn't
30:40
make it out to the conference for some
30:42
reason and maybe their office at the
30:45
time dude do you mind providing that any
30:47
kind of takeaways oh sure people might
30:51
want to get from you know they they
30:53
didn't get a chance they won't get a
30:55
chance to see you well I'm one follow
30:58
the conference hashtag because there
31:00
will be a link to my talk so you'll be
31:03
able to view it on the web oh that's
31:04
great
31:05
so caveats it's meant to be shown and a
31:09
sixteen by nine screen I'm not gonna
31:11
spend that much time making the whole
31:13
thing responsive but runs really well in
31:17
Firefox the animation is a little choppy
31:19
err and the other browsers but it's all
31:21
perfectly viewable so you can really see
31:24
a lot of stuff in action there but on my
31:28
website are WTI oh I've got all of my
31:31
talks all the videos tons of resources
31:34
for me and from lots of other people in
31:36
the industry so that's great that's I've
31:38
tried to kind of focus that as the place
31:40
to find anything and everything that I
31:42
can help share and then about articles
31:45
coming out on uxpa in type magazine the
31:50
MMO still developer Network so this play
31:52
is play places for you to learn about
31:53
variable fonts and and what you can do
31:56
with them that's great yeah you too
32:03
no I'm just gonna try all the things all
32:05
the time now I suggest you do too so
32:11
much for being on the show really
32:13
appreciate it
32:13
yeah thanks everybody we'll have a lot
32:16
more coming up