7 ms·
Google Font Effects
- agonzalezro 11y agoWordArt is back!
- agumonkey 11y agoJust in time for the return of XFiles. ps: gradient overlay is seriously lacking. https://www.google.com/search?q=font+gradient+metal&tbm=isch https://www.google.com/search?q=font+gradient+metal&tbm=isch
- GaiusCoffee 11y agoCool.
- ttol 11y agoFinally, the missing block to building geocities v2!
- frik 11y agoWe need a new an HTML5 what-you-see-is-what-you-get editor (a new Frontpage/Dreamweaver). Sadly, the HTML "contentEditable" API is in a very broken state.
- sz4kerto 11y agoWeb people, please don't start to use effects that are only supported by one single rendering engine (okay, Blink+Webkit).
- shellac 11y ago> Web people, please don't start to use effects that punish the eyes and offend sensibilities of people using particular browsers.
- Ambroos 11y agoMany of these work in most browsers. Google's fonts API only serves CSS and font files specific to the browser. Open the following links in different browsers and watch it change: http://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple|3d-float http://fonts.googleapis.com/css?family=Rancho&effect=shadow-...
- kuschku 11y agoOnly 5 of them work in Firefox. Look at the list: "Support: Chrome, Safari".
- afandian 11y agoApril fools...?
- glaberficken 11y agofirst thing I did was google if this had been an April fools!
- pmx 11y agoOh great now all we need is geocities and (the old) MySpace to come back. I sincerely hope this is a joke.
- ZeroGravitas 11y agoThese have been around (and in beta apparently) for a few years. You may be fooled by the shiny new wrapper around the docs into thinking this is a new thing.
- scrollaway 11y agoThey can't possibly have been around that long - according to all the other very original comments here, the web would have imploded and turned into 1995 geocities or some such.
- joeyspn 11y agoSuddenly I feel I'm back in 1995. Bring on the dial-up sound... https://www.youtube.com/watch?v=gsNaR6FRuO0 https://www.youtube.com/watch?v=gsNaR6FRuO0
- pm 11y agoFire animation is the new blink.
- conorgdaly 11y agoNothing good can come of this
- joeyspn 11y agoDesigners born from 1990's onwards must be warned... This is a dangerous game...
- paulojreis 11y agoI like to contrast this with a few links which were posted here a few days ago, regarding how Google is now a design-driven company.
- bla2 11y agoTo be fair, they don't use this on their properties. Apple ships Papyrus too.
- belgianguy 11y agoI'm missing a spinning skull GIF, a permanent under construction sign and blinking pink text that scrolls incessantly. GooGleoCities, perhaps?
- DanBC 11y agoWith animated horizontal rules and an animated background.
- Shihan 11y agoGeoCities was exactly what came to my mind when I saw the "fire" animation.
- NicoJuicy 11y agoLol, i also thought of Geocities and old Frontpage pages :p Missing fireworks anyone?
- ssharp 11y agoI taught myself coding HTML by hand using Hippie. I regressed and switched to Frontpage because it was so "easy". I then went over to the Dreamweaver and stayed there until I learned server-side programming, which put me back in the text editor, where I've happily been since. Even with my stupid page of links nobody other than me cared about, it was still exciting learning HTML and being able to publish whatever dumb things I came up with online on Geocities. Image counters, web rings, and that analytics company that gave you free analytics but you had to put there little square logo on the bottom of the page and anybody could click on it to see your stats. Those are some fun memories of my fledgling web years, circa the mid-90's.
- jraedisch 11y agoAnd by that you mean Macromedia Fireworks? Oh, the clear blue water! The fonts really triggered some memories... . Would have been an awesome April Fools' prank.
- bhaak 11y agoExactly my thought when I saw the line "to produce beautiful display text" with an example that would have been atrocious on any GeoCities page. OTOH, the time on the internet when GeoCities was hot was a wild time. I wouldn't mind if the web would get a bit less serious and more light-heartened again. :)
- ShirsenduK 11y agoDamn! Blink effect is missing. Will have to wait for the next version/update. :D
- psybermancer 11y agoGeocities is the new black?
- keyle 11y agoSo I post this on designer news and it ends up on hackernews? What. Upside down.
- josefresco 11y agoI would say that this is almost more of a "developer design link" than a "designer design link". As in an engineer/dev can implement these "effects", in code without touching graphic editing software.
- kenrick95 11y agoHmm, not all font effects listed there can be seen in Firefox (39 beta) and IE (11).
- josefresco 11y agoSame here - I thought some of the effects were just very subtle, until I opened the link in Chrome! Oh well, most of our client traffic is not Firefox so this isn't such a huge issue.
- nodata 11y agoNo. Please no.
- Grue3 11y agoSo many of these are not supported on Firefox, very disappointing.
- deleted 11y ago[deleted]
- agumonkey 11y agoI heard someone saying he'd use a version of Netscape so old nobody will exploit bugs in it. Security by genealogy.
- huuu 11y agoAs a Firefox user I'm glad this is missing in Firefox. Maybe it's my age, but I'm getting more and more tired of unreadable pages that take ages and a lot of resources to load.
- chrisan 11y agoPairs nicely with http://code.divshot.com/geo-bootstrap/ http://code.divshot.com/geo-bootstrap/
- robogimp 11y ago.. and spin those logos like a pro with swift3D! http://en.wikipedia.org/wiki/Swift_3D http://en.wikipedia.org/wiki/Swift_3D I just learned they went out of business in 2009 :-( They will forever be spinning in my heart.
- nogridbag 11y agoOh man, the memories are coming back... The real pros hand-traced their 3D logo animations! :)
- GavinMcG 11y agoThis is a really clever move by Google. Put these out there, then lower the PageRank score of anyone foolish enough to use them!
- koliber 11y agoWhat? No `blink`? Useless.
- coldpie 11y agoGreat, now someone needs to write a "disable animated fonts" extension. Extensions required to make the web usable: AdBlock: https://addons.mozilla.org/en-us/firefox/addon/adblock-edge/ https://addons.mozilla.org/en-us/firefox/addon/adblock-edge/ NoScript: https://addons.mozilla.org/en-US/firefox/addon/noscript/ https://addons.mozilla.org/en-US/firefox/addon/noscript/ Toggle Animated GIFs: https://addons.mozilla.org/en-US/firefox/addon/toggle-animated-gifs/ https://addons.mozilla.org/en-US/firefox/addon/toggle-animat...
- ponyous 11y ago> Extensions required to make the web usable: > NoScript: https://addons.mozilla.org/en-US/firefox/addon/noscript/ https://addons.mozilla.org/en-US/firefox/addon/noscript/ Can you elaborate, how does noscript makes web more usable?
- Igglyboo 11y agoAFAIK most people use Noscript for privacy/security reasons, there's no way it makes the web more usable considering how prevalent javascript is these days.
- baldfat 11y agoIt certainly becomes less and less annoying after you use it for a few months. That way you only get annoyed by new sites. Used it for 6 months switched machines and didn't want to go through the learning curve again.
- teekert 11y agoThankfully, using FF, I miss out on most of the "fun".
- whoisthemachine 11y agoAwesome. My sites will be all fire from now on.
- fsloth 11y ago"When making headers or display texts on your website, you'll often want to stylize your text in a decorative way." Oh dear. "..with minimal effort to produce beautiful display text" The original fonts are tweaked painstakingly by a designer. The "effects" are like putting lipstick on Mona Lisa. Web site design is now a branch of publishing and design and Google is one of the larger corps operating in the area. This is like... I don't know, offering a high end DSLR with a physical button to add instagram filters and lens flare to the original image. Well, for free, but the decision process to add these features gives the appearance of amateurism and lack of respect for good design. Schoolkids will love these exciting tweaks, no doubt.
- panglott 11y agoBut hey, at least it's just text instead of an image. This is good for accessibility.
- devbug 11y agoIronically, more accessible for the blind.
- draugadrotten 11y ago> Schoolkids will love these exciting tweaks, no doubt. Plenty of money in that demographic; when Google can track schoolkids habits they can predict their future habits as adults and be the first to sell the best ads. Google (and Target) knows about the first pregnancy before the mother. http://www.forbes.com/sites/kashmirhill/2012/02/16/how-target-figured-out-a-teen-girl-was-pregnant-before-her-father-did/ http://www.forbes.com/sites/kashmirhill/2012/02/16/how-targe...
- tathagatadg 11y agonostalgia ... It amazes me to think that back then how we all collectively agreed that those spinning, scrolling, blinking geocities type designs were cool - and tried to imitate them. Now a decade later, collectively laugh at them. This seems common in fashion - but is it true for other art forms as well? How then some art survive the through time and are viewed as beautiful by number of generations that follow? I mean, could we point to some web designs done years back that would still appear tasteful and clever today?
- kuschku 11y agoGeocities is like the 70s architecture, or the neoclassicistic architecture. Totally ugly by today’s standards, but loved back in the day.
- pluma 11y agoThe reason the early public WWW is so ridiculous is that it was an entirely new technology and thus we embraced its difference. The closest equivalent to a webpage was a physical printed page and the most obvious thing a webpage can do that printed pages can't is having animations. It's also easy to forget that while some works of art have endured over thousands or tens of thousands of years, most art likely hasn't. The ancient art we have today is like a Best Of album -- it leaves out all the works that were instantly forgotten or just not good enough and creates the impression that everything was better back then.
- Fiahil 11y agoWell, I thought the 3d font effect could have some genuine use, now, in 2015. Am I a bad person?
- ponytech 11y agoNone of them seems to be supported by Internet Explorer ?
- sccxy 11y agoGoogle is playing angry teenager again.
- hyh1048576 11y agoOne bad thing about using computer in China is, anything Google-related either is painfully slow or deliberately blocked (by GFW). On some website, google-analytics.com become a major speed reducer (browser says something like "sending data to google-analytics.com"). Using fonts.googleapis.com have a similar effect. Chinese people would have to wait until some Chinese company make similar things available.
- seanmcdirmid 11y agoOr you just get screwed if you are in China using the western web without a VPN. I find that about 20-30% of the sites actually work, not because they are explicitly blocked by the GFW, because they are using some Google API/font/analytics. Thankfully, reddit and hackernews are good, and they have pretty much become the web for me while I'm at home (we have a direct connection at work).
- pluma 11y agoOne good thing about using a computer in China is that this API is blocked, too, sparing your eyes from horrible damage.
- AbraKdabra 11y agoHey Google, April Fools was on April 1st.
- RyanMcGreal 11y agoThankfully, a lot of these don't work in Firefox.
- edgarvaldes 11y agoSame here (FF on Linux Mint) Working: anaglyph, emboss, fire, fire-animation, neon, outline, 3d and 3d-float.
- ehosca 11y agoi want blinking ... blinking !!!!
- ehosca 11y agowhere's BLINK? i want blinking text!!!
- deleted 11y ago[deleted]
- chdir 11y agoThere's a typo. Last line should say "Last updated April 1, 2015."
- html5web 11y agoGoogle Font Effects in use: http://codepen.io/mindconcepts/pen/EjWORQ http://codepen.io/mindconcepts/pen/EjWORQ
- ashmud 11y agoOutline could be legitimately useful, such as for subtitles.
- frandroid 11y agoWhy???
- takeda 11y agoLooks like Google discovered that they can keep tracking this way users on remaining websites that don't use google analytics. And this time if you start blocking these requests the web page will look bad.
- cmiller1 11y agoI'm on Safari Webkit Nightly and a bunch of these that claim to be supported by Safari and Chrome only seem to work in Chrome for me.
- thrillgore 11y agoWhy does this exist?