馃攳
Fonts Ninja - How to identify website fonts - Firefox and Chrome Browser Extension - YouTube
Channel: Rock Your Brand庐
[0]
so you're looking for inspiration for
fonts for a new project it might be that
[4]
you're redesigning your own website or
you want to use a font for print but
[9]
you've maybe seen it on a website and
you don't know what it's called that's
[13]
where the web browser plug-in and
application fonts ninja comes it so
[21]
today I want to show you how to install
it and how it works so the first thing
[26]
you want to do is you want to go to the
fonts ninja website which is fonts dot
[31]
ninja really easy to remember once
you're on that site you then want to go
[36]
to the products menu and you want to
click on the free browser extension it
[43]
will give you some information there
about the browser plugin it works on
[47]
Chrome and Firefox we'll be using it in
google chrome today and just click on
[53]
the link there it will take you to the
correct download page for your specific
[60]
browser you want to then click on add to
Chrome or add to Firefox add extension
[67]
and you can see now it's added the fonts
ninja extension to my browser so let's
[75]
go to your website and activate that
okay so this is my clients website
[80]
Gilley's and makai and let's pretend
I've never been to this website before
[84]
but I've stumbled upon it whilst I've
been looking for inspiration for fonts
[89]
and I've decided that actually I like
this font here but I don't know what
[95]
it's called so how do I find out well we
activate fonts ninja so we go up to the
[101]
extension bar top right and we click on
fonts ninja and what it does is it loads
[108]
in all of the fonts on that page and
identifies them for us which is really
[113]
really handy so I can tell now that the
are you ready to start your very own
[119]
shed life is actually in the font Qin's
oh you can see here that it says try
[126]
this font on your computer if you click
on that with the browser extension
[132]
installed it won't
actually look like it's doing anything
[136]
so what you need to do is you need to
actually install the application from
[141]
fonts ninja now this application is not
free it's five dollars a month but by
[149]
installing the application it opens up
much more functionality to the fonts
[154]
ninja app and let's take a look at that
so if we go back to the fonts ninja
[159]
website and we go to products you'll see
a link for the fonts ninja application
[166]
so gives you some information here you
can search for any fonts with more than
[171]
3000 fonts they've probably got the font
that you're looking for you can activate
[176]
a font on your computer to try it
anytime and you can also get the font
[182]
files downloaded you do need to buy a
license if you want to use those fonts
[189]
commercially so please be aware of that
downloading through fonts ninja does not
[194]
give you the license to use that font
it's only giving you the opportunity to
[199]
try it out um if you go to the fonts
ninja FAQ page it does tell you here the
[208]
information that you require about
licensing the fonts that you download
[213]
using fonts ninja so please check that
out just so that you have Amin nice and
[218]
legal
so what you do is you click on download
[222]
fonts ninja and you can install it onto
your computer which I have already done
[227]
so if we go back to the Gili site and go
here you can see I've got fonts ninja
[237]
now I previously tried these fonts so
what happens is with fonts ninja
[244]
application installed you can actually
click on the font and you can type in
[251]
your own text or even text you can
change
[260]
the tracking and you can change the size
you could also check out some pangrams
[269]
which use all the letters in the
alphabet with different freezes just so
[273]
you can see how that text works and then
if you decide yeah I like that and then
[278]
we can do is you can click on try this
font on your computer it will install it
[283]
on to your computer so you can see that
jinsol is now showing up in the fonts
[289]
ninja app I can click on it gives me a
nice big version of it it tells me that
[296]
it's activated I can download the font
it's an open-source Google font so it
[302]
comes from Google so we can actually use
that one for free commercially which is
[308]
great if you want to deactivate it just
click on this box here if we go back
[312]
you'll see that it's deactivated and we
can do the same for all of the fonts on
[318]
this page one last thing you can
actually change the window into dark
[325]
mode I often prefer this because it's
easier to see the the white out of a
[330]
dark background and so you just click on
that little symbol there and that will
[335]
flick between the two options let's take
a look at another website another client
[342]
of mine jami digital let's activate font
ninja on this website see we've got
[348]
little Oswald Pelletier's
now the interesting thing here is that
[356]
Bela TAS is obviously not in the 3000
fonts that are available to fonts ninja
[363]
the good thing is is that it's still
identifying the font name so it's still
[370]
telling you what it is so you can go and
search on Google if you really want that
[375]
to go and download it from sites with it
is available but it's allowing me to
[380]
download oswald if i want i can click on
oswald type in some text again we can
[386]
look at pangrams or we can download it
[392]
and it's now on my computer and we can
try out and I can try it in Photoshop if
[398]
I want for any printed materials or for
creating any webpage mock-ups so that's
[404]
a really quick overview of fonts ninja
please try it out as I say you don't
[409]
have to install the application it does
open up many more abilities to fonts
[417]
ninja but if you're just simply looking
to identify fonts but you can then go
[422]
and find and download yourself then the
browser extension is probably going to
[428]
be more than enough for you I hope you
find this video useful if you have
[434]
please remember to give it a like
subscribe to my channel if you haven't
[438]
done so already and I do have a monthly
email newsletter now called Rock your
[445]
brand where I give tips and advice on
brand and design straight to your email
[451]
inbox you can sign up for that at Rock
your brand code at UK and until I see
[456]
you next time stay creative folks
[476]
you
Most Recent Videos:
You can go back to the homepage right here: Homepage