Quote: Johan Cruyff
Typeface: Tripper Tricolor
CSS Color Weight:
CSS Color Weight:
CANVAS
share as image
share as link
W
O
R
L
D
C
U
P
Q
U
I
Z
2
0
1
4
The World Cup Quiz 2014
Because Tripper Tricolor was released while the Football World Cup 2014 was played, we asked designers around the world to send us their prediction of the top three teams.
To our big surprise, only one out of over 200 submissions had it right. Big respect and congratulations to Jeremy Hughes.
Here a short Q&A with the expert.
When was the last time you played soccer and did you score? I haven’t played soccer since I was probably 12 years old, which was about 20 years ago. I definitely didn’t score, was a defender and didn’t get much past midfield ever.
How does it feel (as an american), to know more about soccer, than all the europeans? I’d call my win beginner’s luck. As an American, I was lucky to have several friends/acquaintances around me who are not American. This being the second WK I’ve watched quite heavily, they have all taught me a lot about the sport and I’d be a fool if I didn’t recognize all of my friends for teaching me much more than I ever thought I’d know about the sport. We’re still in the stone ages of soccer here, and every world cup it’s pretty amazing to see all the true fans all over the globe.
So please tell us. Who will be the winner in 2018? In 2018 I’ll be rooting for the Germans again (spent time growing up in Germany so they are the Euro team I root for.), but I’m hoping to see the Nertherlands finish stronger next time.
Because Tripper Tricolor was released while the Football World Cup 2014 was played, we asked designers around the world to send us their prediction of the top three teams.
To our big surprise, only one out of over 200 submissions had it right. Big respect and congratulations to Jeremy Hughes.
Here a short Q&A with the expert.
When was the last time you played soccer and did you score? I haven’t played soccer since I was probably 12 years old, which was about 20 years ago. I definitely didn’t score, was a defender and didn’t get much past midfield ever.
How does it feel (as an american), to know more about soccer, than all the europeans? I’d call my win beginner’s luck. As an American, I was lucky to have several friends/acquaintances around me who are not American. This being the second WK I’ve watched quite heavily, they have all taught me a lot about the sport and I’d be a fool if I didn’t recognize all of my friends for teaching me much more than I ever thought I’d know about the sport. We’re still in the stone ages of soccer here, and every world cup it’s pretty amazing to see all the true fans all over the globe.
So please tell us. Who will be the winner in 2018? In 2018 I’ll be rooting for the Germans again (spent time growing up in Germany so they are the Euro team I root for.), but I’m hoping to see the Nertherlands finish stronger next time.
Tripper Tricolor is a multi-colored font which is easy to use and works in every browser, as well as all desktop apps. With Tripper Tricolor all patriots can set text in their national colors, or in any other color they prefer.
Tripper Tricolor is based on the fattest weight of the Tripper™ family, a font family by Underware. The Tricolor edition is a multi-color version, featuring CSS Color Weights for all countries participating in the FIFA World Cup 2014.
As Johan Cruyff is saying without color it’s just black and white. Welcome to CSS Color Weights — based on W3C standards, easy to implement and most important: it just works.
CSS Color Weights are different colorisations, purely based on CSS. Therefore they are as easy to apply as traditional font weights. Just add the three letter country code class and set the data element. The CSS will do the rest. See this example. (Don't worry, you can also set your own colors)
Tripper Tricolor is based on the fattest weight of the Tripper™ family, a font family by Underware. The Tricolor edition is a multi-color version, featuring CSS Color Weights for all countries participating in the FIFA World Cup 2014.
As Johan Cruyff is saying without color it’s just black and white. Welcome to CSS Color Weights — based on W3C standards, easy to implement and most important: it just works.
CSS Color Weights are different colorisations, purely based on CSS. Therefore they are as easy to apply as traditional font weights. Just add the three letter country code class and set the data element. The CSS will do the rest. See this example. (Don't worry, you can also set your own colors)
Example I
... <div class="TripperTricolorPro NED" data-colortext="BEST">BEST</div> <div class="TripperTricolorPro GER" data-colortext="TEAM">TEAM</div> ...
Result
BEST
TEAM
Supported Country Codes: ALG (Algeria), ARG (Argentina), AUS (Australia), BEL (Belgium), BIH (Bosnia And Herzegovina), BRA (Brazil), CMR (Cameroon), CHI (Chile), COL (Colombia), CRC (Costa Rica), CIV (Côte d’Ivoire), CRO (Croatia), ECU (Ecuador), ENG (England), FRA (France), GER (Germany), GHA (Ghana), GRE (Greece), HON (Honduras), IRN (Iran), ITA (Italy), JPN (Japan), KOR (Korea Republic), MEX (Mexico), NED (Netherlands), NIG (Nigeria), POR (Portugal), RUS (Russia), SUI (Switzerland), ESP (Spain), URU (Uruguay), USA (USA).
CSS Color Weights vs OpenType Color Fonts
There are various OpenType based color-font technologies, developed by Apple, Adobe, Google, Microsoft & Mozilla. And as great they are, there is actually only one little problem: none of them are supported everywhere. At least not yet.
CSS Color Weights vs OpenType Color Fonts
There are various OpenType based color-font technologies, developed by Apple, Adobe, Google, Microsoft & Mozilla. And as great they are, there is actually only one little problem: none of them are supported everywhere. At least not yet.
Example II (usage in combination with Tripper Tricolor Solo)
... <div style="display: inline-block" class="TripperTricolorPro ALG" data-colortext="Algeria">Algeria</div> <div style="display: inline;font-family:TripperSolo" >and</div> <div style="display: inline-block" class="TripperTricolorPro ARG" data-colortext="Argentina">Argentina</div> ...
Result
The Desert Foxes
and
La Albicelestes
and
Socceroos
and
Red Devils
and
Dragons
and
Little Canary
and
Les Lions Indomptables
and
La Rocha
and
The Coffee Growers
and
Los Ticos
and
Les Elephants
and
The Blazers
and
La Tri
and
Three Lions
and
Les Bleus
and
Die Mannschaft
and
Black Stars
and
The Pirate Ship
and
Los Catrachos
and
Team Melli
and
Gli Azzuri
and
Blue Samurai
and
Warriors
and
El Tri
and
Clockwork Orange
and
Super Eagles
and
Team Of The Five
and
Sbornaya
and
The Schweizer Nati
and
Spain
and
The Sky Blue One
&
The Yanks
.
© 1999 — 2024