The Font Magicians - Computerphile

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 มิ.ย. 2024
  • Making fonts look good at low resolutions - many thought the problem insolvable - two men started Adobe and proved them wrong. Professor David Brailsford renders the story.
    The Great 202 Jailbreak: • The Great 202 Jailbrea...
    Mainframes & the Unix Revolution: • Mainframes and the Uni...
    Upside Down Trees (Huffman Coding): • How Huffman Trees Work...
    Typesetters in the '80's: • Typesetters in the '80...
    Graphics Playlist: • Triangles and Pixels
    Conrad Taylor's report on John Warnock: bit.ly/warnockreport
    / computerphile
    / computer_phile
    This video was filmed and edited by Sean Riley.
    Computer Science at the University of Nottingham: bit.ly/nottscomputer
    Computerphile is a sister project to Brady Haran's Numberphile. See the full list of Brady's video projects at: bit.ly/bradychannels

ความคิดเห็น • 134

  • @photosinensis
    @photosinensis 10 ปีที่แล้ว +375

    I wouldn't mind some discussion about TeX and its variants while we're talking about typesetting.

    • @PatGilliland
      @PatGilliland 10 ปีที่แล้ว +75

      Another vote for TeX and family.

    • @TimeDilation
      @TimeDilation 10 ปีที่แล้ว +11

      Ditto.

  • @resonance2001
    @resonance2001 10 ปีที่แล้ว +158

    Sans Serif walks in to a bar. The barman says, "we don't serve your type in here."

  • @Gabbos
    @Gabbos 10 ปีที่แล้ว +314

    God I love this youtube channel but I love the prof even more. I could listen to him talk for hours and hours and will always want more. I wish he was my grandpa. Also, I really love that you guys put out full length videos. Thank you so much for assuming we have an attention span beyond a 12 year old child. Keep up the good work and don't keep me waiting to long for the next video!

  • @bloodaid
    @bloodaid 10 ปีที่แล้ว +411

    By the way he pronounces the word "Pixel", I just realized something:
    Pixel = Pic+Cell = Picture Cell
    My mind just imploded!

  • @DaithiDublin
    @DaithiDublin 10 ปีที่แล้ว +73

    Xerox really were the quiet developers behind lots of the computing elements we take for granted these days. In the mid 90's I had the opportunity to help install one of the first Print-On-Demand systems in Ireland using their DocuTech production printers. It was a 15 foot long beast of a machine that could spit out stitched booklets and book bodies ready for binding. All pagination and composition could be carried out via the onboard touch screen, which consisted of a wire mesh overlaid on the monitor.
    During the training programme at Xerox's Dublin offices our trainer let us into his cluttered little office to see his still functioning Xerox Star. He was _still_ using it in his everyday work and I got to play around with a little. I think our company were operating with Windows for Workgroups 3.11 at the time, and I remember thinking how clunky and quaint the mouse and the desktop environment on his Star were, compared to our superior kit!
    I wouldn't be at all surprised to find that our trainer, who would be long retired by now, is still using his beloved Star in his study. Well, that's how I'll choose to believe it anyway!

  • @GateCrasherVI
    @GateCrasherVI 10 ปีที่แล้ว +17

    What an absolutely WONDERFUL video!
    As a young (29) amateur graphic artist with experience in an old family-owned printing company, I greatly enjoyed getting to hear some of the backstory of where the fonts I have taught myself to use came from, and how they were created.
    Thank you for the time and upload!
    -Coast of Texas.

  • @sth128
    @sth128 10 ปีที่แล้ว +112

    Can't wait for the story on true type fonts...

  • @jkadoodle
    @jkadoodle 10 ปีที่แล้ว +42

    Can't wait to hear Professor Brailsford discuss true type fonts

  • @trapfethen
    @trapfethen 10 ปีที่แล้ว +15

    I really appreciate that he never once mixed up computer engineer and computer scientist.

  • @YouHolli
    @YouHolli 10 ปีที่แล้ว +10

    The graduation project of a friend of mine was a chess game written in Postscript. The user would enter his move via the printers menu and the printer would calculate its' move and print an updated board.and so on, etc., ad infinitum.

  • @jacobs-h398
    @jacobs-h398 8 ปีที่แล้ว +6

    I could literally listen to this guy's voice all day.

  • @essentialdang
    @essentialdang 9 ปีที่แล้ว +40

    I love how Professor Brailsford says "pixel", I'm going to start saying it like that from now on :D

    • @Muzer0
      @Muzer0 8 ปีที่แล้ว +11

      invalidusername It's actually an abbreviation of "picture element" so it kind of makes sense to pronounce it like that. Not that many people do, though!

  • @RonJohn63
    @RonJohn63 7 ปีที่แล้ว +12

    "The problem was solved, essentially"
    Reminds me of the Kobayashi Maru.

  • @DiegoAlifano
    @DiegoAlifano 9 ปีที่แล้ว +3

    I don't get tired of hearing this man talk about the history of computers, fonts and desktop publishing.

  • @mailsprower1
    @mailsprower1 10 ปีที่แล้ว +5

    On the 17th minute, my fullscreen video suddenly crashed.
    The thing's that fullscreen is powered by Adobe Flash Player.

  • @gummipalle
    @gummipalle 10 ปีที่แล้ว +10

    Fonts are often owned property, you cant simply hand them out with your game, and you cant assume the user to have that 'cool one you like' installed. so learning the basic concept of fonts can save you development issues, and money.
    I was programming an LED-type display for a game-hud that works at various resolutions...
    Managing the whole alpha-bet, numbers, and special charachters, and making them readable in 5*6 LED characters, on scalable LED bulbs (3 to 20 or so pixels, AND look the same on various screen-sizes was something of a learning experience...
    Issues like minimum pixel-count for each LED, while maintaing the size ratio of the LED-matrix-display to game-screen area... and so on...
    Scaling things to look good isnt as easy to do as it is to imagine, with all those resolutions, aspect ratios, and so on out there... Lots of numbers arent so easily devidable, but you dont want to do TOO many manual exceptions, so it requires some planning...
    Which is why:
    Fonts are often owned property, you cant simply hand them out with your game, and you cant assume the user to have that 'cool one you like' installed. so learning the basic concept of fonts can save you development issues, and money.

  • @LMacNeill
    @LMacNeill 10 ปีที่แล้ว +43

    Hey! They used my comment on the 202 Jailbreak video! I'm famous now. :-)
    To respond to a specific part of this video: I'd love to see Computerphile do a video about the Xerox PARC people and projects. That'd be fun!

  • @GavinoFelix
    @GavinoFelix 8 ปีที่แล้ว +1

    Dear God, this is the most pleasurable thing I have heard in months (and likely years if we're being honest). For the past 5 or 6 months I've been fixated on convincing people that this very topic is the coolest thing ever. As expected, said recipients of my rants haven't won too many friends... I guess it's some futile Luddite survivor's guilt from being a severely awkward bookworm who hid out in the public library growing up - who also happened to be on the 'remedial' side of the literacy spectrum...Many many hours spent perfecting 'appearing to be studiously reading' have finally paid off.

  • @codediporpal
    @codediporpal 10 ปีที่แล้ว +29

    Suddenly my 100ish DPI monitor seems really blurry.

  • @Cz4rBDV5e8w
    @Cz4rBDV5e8w 10 ปีที่แล้ว +12

    Another excellent video. Every time I watch some from Computerphile, I always end up appreciating my PC more. The blinds and open window in the background were a bit jarring, though. Could you, maybe, watch out for that next time? Still an interesting video!

  • @cjgj
    @cjgj 10 ปีที่แล้ว +4

    I wish he had gone more in depth into what the hints actually did. I feel like that's kind of the most important part--how they actually fixed the problem--but in the video, he just mentions it, and then moves on.

  • @iseslc
    @iseslc 10 ปีที่แล้ว +2

    senior cs proffessors always have the best stories!

  • @kyoung21b
    @kyoung21b 6 ปีที่แล้ว +8

    As always I thoroughly enjoyed professor Brailsford’s technical and historical wizardry and can’t help wonder why flicky bits hasn’t replaced serifs in common usage !?

  • @htakahashi
    @htakahashi 10 ปีที่แล้ว +8

    I love his videos. They are incredibly interesting. I could listen to him all day.

    • @Snowcountry556
      @Snowcountry556 10 ปีที่แล้ว +5

      The David Attenborough of computing

  • @insu_na
    @insu_na 10 ปีที่แล้ว +166

    Thank the gods for Anti-Aliasing ;)

  • @lukeaw
    @lukeaw 10 ปีที่แล้ว

    I could listen to Professor Brailsford all day, he recounts the history of computer evolution with such fluency and clarity. Names everyone's heard of - Adobe, Linotype, PostScript, PARC - all have a story behind them, and this man can tell them. After all, a wizard is on first-name terms with Ken, Dennis and Brian.

  • @laylconway6525
    @laylconway6525 10 ปีที่แล้ว +19

    Typesettingphile
    Loving these videos!

  • @AltairImsai
    @AltairImsai 10 ปีที่แล้ว +1

    Great video. I used a program called Font Monster to try my hand at creating a font to be used with our 1AESS and 5ESS switch simulations. 'Nearly drove me nuts. I finally paid a font foundry to do the job. David, your videos are always a trip down memory lane for me. Thanks again

  • @incorrectstuffthingy5647
    @incorrectstuffthingy5647 5 ปีที่แล้ว +1

    I need 8 hours of this man continously speaking

  • @animowany111
    @animowany111 10 ปีที่แล้ว +15

    I love how fast this gets views, this was submitted literally 15s ago.

  • @Evan490BC
    @Evan490BC 4 ปีที่แล้ว

    Professor Brailsford has this unique talent for storytelling. He can turn a (seemingly!) boring subject into an exciting story.

  • @BassilioDahlan
    @BassilioDahlan 10 ปีที่แล้ว +11

    I'm loving these videos. Are there any plans for talking about typesetting systems like TeX in the upcoming videos??

  • @blackflare
    @blackflare 10 ปีที่แล้ว

    These videos are the best, I love learning about the history of computers.

  • @rydillo
    @rydillo 8 ปีที่แล้ว +2

    The things I would do to have your knowledge! I'm just grateful you make these videos, thank you!

  • @mglenadel
    @mglenadel 7 ปีที่แล้ว +1

    Boy, does that take me back to my graphic design work days!

  • @tabaksme4313
    @tabaksme4313 10 ปีที่แล้ว +1

    Amazing story! Thank you very much! I've been with graphics on personal computers from almost the very first days. Some of it I remember, some I may have forgotten.

  • @ben_mjt
    @ben_mjt 10 ปีที่แล้ว +2

    Would love some more type-orientated videos. Really enjoyed this, thanks.

  • @honkatatonka
    @honkatatonka 10 ปีที่แล้ว +1

    thank you for amazingly interesting history lessons!

  • @edgeeffect
    @edgeeffect 8 ปีที่แล้ว +2

    Yes. Can we have a video about PARC.
    I remember having a quick go on one of the bitmapped terminals when the BBC and CP/M were "leading edge" and it "blew my mind"

  • @DanielPCline
    @DanielPCline 10 ปีที่แล้ว

    I am floored on how much there is to fonts....I had no idea.

  • @Semikami
    @Semikami 10 ปีที่แล้ว

    Such an insightful video!

  • @Noobwarriking
    @Noobwarriking 10 ปีที่แล้ว +10

    Will you talk about TeX and LaTeX?

  • @MrCanigou
    @MrCanigou 10 ปีที่แล้ว

    Really fascinating teacher

  • @alpenwasser6869
    @alpenwasser6869 10 ปีที่แล้ว

    Yes, another one! Don't ever let these stop! :D

  • @jamesusespivot
    @jamesusespivot 10 ปีที่แล้ว +9

    Btw, would you mind explaining typesetters for people who were born after printers were commonplace. Please?

    • @Computerphile
      @Computerphile  10 ปีที่แล้ว +9

      Hi, I think Professor Brailsford pretty much covers it in this 'Extra Bits' film EXTRA BITS - Printing and Typesetting History - Computerphile

  • @jonathanl.1963
    @jonathanl.1963 10 ปีที่แล้ว +2

    I've never really thought much about fonts until now. Thanks for this interesting and well explained video.

  • @jdgrahamo
    @jdgrahamo 10 ปีที่แล้ว

    I love this. Thanks to all concerned.

  • @croyfer
    @croyfer 10 ปีที่แล้ว

    I love these videos! Keep 'em coming ;-)

  • @noseman123
    @noseman123 10 ปีที่แล้ว

    This is fascinating.

  • @StefanTravis
    @StefanTravis 9 ปีที่แล้ว +1

    I remember - 92-94 - when300dpi was "high resolution". "Draft" meant 150dpi. People were amazed that "30%" shading at 300dpi actually came out at...30%!

  • @SetMyLife
    @SetMyLife 10 ปีที่แล้ว

    Thanks for another one! :)

  • @jamesusespivot
    @jamesusespivot 10 ปีที่แล้ว

    Hello computer phill. Love your vids

  • @AndresRodriguezGuapacha
    @AndresRodriguezGuapacha 10 ปีที่แล้ว

    This is a great video!

  • @kaioxygen
    @kaioxygen 10 ปีที่แล้ว +1

    I have no interest in fonts whatsoever but I find this guy a good imparter of knowledge.

  • @ShamelessHorse
    @ShamelessHorse 10 ปีที่แล้ว +4

    I think Computerphile has found its Poliakoff. :)

  • @j7ndominica051
    @j7ndominica051 9 ปีที่แล้ว +2

    Hand hinted fonts look great even at ~100 dpi on screen and Epson dot matrix printers.

  • @ReallyWemja
    @ReallyWemja 8 ปีที่แล้ว

    loved the video and the accidental apple product placement.

  • @Tupster
    @Tupster 10 ปีที่แล้ว +2

    Super sampling does not really solve the aliasing problem, but I'll have to save my rant about that...
    Also, a 300 dpi printout is going to be much lighter and blurrier than it should if you apply super sampling. Hinting creates a sharp image and indeed is your only choice when your device only creates sharp images.

  • @3ventic
    @3ventic 10 ปีที่แล้ว +6

    Yay for fonts.

  • @TimVerweij
    @TimVerweij 10 ปีที่แล้ว +2

    11:42 "Hints show" "all the places..." sounds a bit odd. :-)

  • @tadeuszdolkowski
    @tadeuszdolkowski 2 ปีที่แล้ว

    Love it

  • @linkVIII
    @linkVIII 10 ปีที่แล้ว +1

    I actually enjoy this series more than the graphics one even though I do stuff with graphics.

  • @Roxor128
    @Roxor128 10 ปีที่แล้ว

    What if you rendered to 4-bit greyscale (50% coverage = 8) then turned the results to black and white?

  • @andljoy
    @andljoy 10 ปีที่แล้ว

    I love your videos. remind me of some of my lectures in computer science but you make it way more interesting and you don't wear sandals with socks ( or at least i don't think you would ) as one of my lecturers did even in the middle of winter.

  • @foreverseethe
    @foreverseethe 5 ปีที่แล้ว

    Before this video I never knew what 'serifs' meant and I never knew what 'True Type' referred to even though I have read them hundreds of times over 18 years using a computer.

  • @TheDarkerPath
    @TheDarkerPath 10 ปีที่แล้ว

    This series on fonts is turning out to be a real treasure trove. Typography for the win!

  • @WastedDad
    @WastedDad 10 ปีที่แล้ว

    Now or then? What would you prefer to be in

  • @SlosII
    @SlosII 2 ปีที่แล้ว

    I love how the man pronounces 'pixel'. You'd think he spends most of his summers in Spain....

  • @nand3kudasai
    @nand3kudasai 9 ปีที่แล้ว +2

    omg rendering a letter is a nightmare. let alone know the width of one in a language from east europe .

  • @rynegade
    @rynegade 10 ปีที่แล้ว +1

    Moving the alignment in that regard seems perfectly fine to me as the left-right side bearing alignment would have been rounded off anyway and disappear regardless. Nothing wrong with saving users from doing stupid things with the system themselves

  • @XPimKossibleX
    @XPimKossibleX 9 ปีที่แล้ว +2

    well what about only turning it on if the pixel was at least half way covered?

    • @puffdong
      @puffdong 9 ปีที่แล้ว +2

      michael benzur You don't think they already thought of that?

    • @XPimKossibleX
      @XPimKossibleX 9 ปีที่แล้ว +5

      Simon Magnusson i meant why they didn't mention it. it seems quite obvious haha

  • @maagiapall
    @maagiapall 10 ปีที่แล้ว +2

    Dat product placement

  • @Aesculathehyena
    @Aesculathehyena 10 ปีที่แล้ว

    I heard that Xerox was actually the ones who started Ctrl-Z,X,C,V for the commands we know them as now. Not sure, but that's what I heard.
    Also, hinting for printing~ It rhymes!

    • @GateCrasherVI
      @GateCrasherVI 10 ปีที่แล้ว

      I'd have to go back and re-watch / do a bit of research, but didn't he mention the "hinting" quite literally being developed by an (albeit ex) employee of Xerox? The copy and paste I believe was someone named Tesler.

  • @rocketsensor
    @rocketsensor 6 ปีที่แล้ว

    What accent does professor Brailsworth have? It’s my favourite of the English accents.

  • @jacobh1995
    @jacobh1995 10 ปีที่แล้ว

    My dad, a developer for the Big Apple Users Group in the late 70s and early 80s, claimed to be a primary contributor to the initiative that created vector fonts - among other computer development. Not sure how valid this is, but I would like to know.

    • @jacobh1995
      @jacobh1995 10 ปีที่แล้ว

      And then something else about the first interconnection between two microprocessors - a typesetter and an Apple II. So you don't need 20k USD for typesetting computer hardware. Only a 2 thousand dollar Apple II. Which people claimed could not be done.

  • @unvergebeneid
    @unvergebeneid 10 ปีที่แล้ว +10

    Very right, 300 dpi looks horrible. And yet, they are trying to tell us that the 200-300 ppi Retina display will be enough for eternity. No it won't!
    Yes, I am aware of the fact that you can't compare laser printer resolution and screen resolution but 300 dpi ink jet printers also produce horrible text and anti-aliasing is ultimately just a hack. What you want is a 1-bit output with enough pixels so you won't notice it.

  • @squirrelfishfrog
    @squirrelfishfrog 6 ปีที่แล้ว

    Am I mistaken or did this video actually neglect to explain how hinting is done? They only explained it in human words. That explanation is the same as saying: "please computer make font look nice". The longer it kept going the more it frustrated me that they never explain the how. In what way can you encode "don't round this down to 0" so that a pixel level decision can be made....?

  • @TheRealFOSFOR
    @TheRealFOSFOR 10 ปีที่แล้ว

    Does this have anything to do with Vector Graphics ?

  • @blenderpanzi
    @blenderpanzi 10 ปีที่แล้ว

    Yeah, and Helvetica Neue still has horrible hinting and it's used by many websites anyway (because Apple uses it, therefore everybody else uses it, no matter if it will be displayed on a retina display or not). I disabled the font on my system so that a better fallback font is used.

  • @soulcatch
    @soulcatch 10 ปีที่แล้ว

    I wonder if Professor Brailsford is one of the people who likes to spin their rings. I gem on his ring is in a different position in almost every video with him.

  • @WillBreaksStuff
    @WillBreaksStuff ปีที่แล้ว

    This is a subject I love and am very interested in. But the camera work was very distracting.

  • @he1986
    @he1986 10 ปีที่แล้ว

    Why couldn't the designers just redesign the letters to work within the constraints of the 300dpi?

    • @dipi71
      @dipi71 10 ปีที่แล้ว

      The problem lies in the »just«. It’s prohibitively laborious and expensive to get this kind of manual redesign done in time by professionals.

    • @he1986
      @he1986 10 ปีที่แล้ว

      hmm.. I cant think it would take so much time sitting in a paintlike system and pressing which pixels to paint black and which not and generate an algorithm out of that. At least compared to all the man hours he said they used on this "converting algorithm". I could do this on my old Casio calculator...

    • @dipi71
      @dipi71 10 ปีที่แล้ว

      Borley4
      How much would Adobe have to pay you to do this as a lifelong career as a designer: monotonously tweak pixel representations of already existing fonts instead of, oh, create new ones, for example?
      I bought a few hand-optimized 360dpi Signum!3 pixelfonts for my matrix printer from the Behne brothers - really expensive, and so inflexible, compared to Type1/True-/OpenType scalable vector fonts.

  • @rynegade
    @rynegade 10 ปีที่แล้ว

    Everyone here is talking about antialiasing as if it's the same problem as here. You might be surprised to learn that modern cg for broadcast tv without using AA runs into the same problem as here but MUCH worse because of screen sizes. AA fixes the problem to some level but because of issues with the depth buffer, it's still often considered unsuitable for most broadcasters.

  • @YouHolli
    @YouHolli 10 ปีที่แล้ว +3

    I demand a video about LaTex.
    en.wikipedia.org/wiki/LaTeX

  • @KnowledgePlaylists
    @KnowledgePlaylists 10 ปีที่แล้ว +2

    ***** I'm a website & graphic designer, this video was fascinating to me!

  • @thesenamesaretaken
    @thesenamesaretaken 10 ปีที่แล้ว

    Companies like Bell and Xerox didn't own the IP on the inventions of their employees?

  • @CbarMiiXaaS
    @CbarMiiXaaS 10 ปีที่แล้ว

    Why does he say pix-elle?

  • @KnickKnackPatty
    @KnickKnackPatty 10 ปีที่แล้ว

    For the outline over the grid, why didn't they decide to fill in any box with 1/2 of the shape in the box or 1/3?

  • @cinemaipswich4636
    @cinemaipswich4636 2 ปีที่แล้ว

    The original "Graphical User Interface, GUI" was invented by Xerox. They sold it to Microsoft.
    The "Disc Operating System, DOS" was invented by IBM. They sold it to Microsoft.

  • @zwz.zdenek
    @zwz.zdenek 9 ปีที่แล้ว

    Why didn't they just render the letter upsized in memory and then downsample it with 8-bit greyscale, then convert to BW using Floyd-Steinberg or something?

  • @apoorvasharmaa
    @apoorvasharmaa 10 ปีที่แล้ว

    Is they now factrol mathematical approch to solve this problem

  • @isfiyiywafibc6qaiiiiiiiiii570
    @isfiyiywafibc6qaiiiiiiiiii570 9 ปีที่แล้ว

    All these years and Windows clear type still can't get fonts right... I think I'll stick to freetype.

  • @limitless1692
    @limitless1692 5 ปีที่แล้ว +1

    Wow soo interesting
    So everytime when i will see H
    I will think that sometimes cheating is a solution ...
    Hahha , awesome video :) Thanks Professor

  • @PARAMETATRONIC
    @PARAMETATRONIC 10 ปีที่แล้ว

    Bad luck brain that Xerox PARC

  • @Jixejo
    @Jixejo 3 ปีที่แล้ว

    not enough numbers to buy the high-digit priced printer :o

  • @rafagd
    @rafagd 10 ปีที่แล้ว +2

    Xerox PARC always creates everything and never gets the money? lol

    • @codediporpal
      @codediporpal 10 ปีที่แล้ว +1

      avhuf Open source? No way. They licensed that stuff for money.

  • @jazzlover06
    @jazzlover06 10 ปีที่แล้ว

    Pick Cell

  • @Jivvi
    @Jivvi 4 ปีที่แล้ว +1

    Pixél

  • @rursus8354
    @rursus8354 10 ปีที่แล้ว +1

    Fontographer? Isn't that a little bit cowardly? What's wrong with hacking OTF in pure hex?

  • @jamesusespivot
    @jamesusespivot 10 ปีที่แล้ว +1

    N mind