Disseksjon av en font

Like dokumenter
Ã Ô ½ Ë Ð Ô Ø Ô Ø Ð ØÖÙ ØÙÖ

Î Ö ØØ Ò Ú Ö

Likning- bingo ark 1

Denne designmanualen for Private Brand Solutions er utarbeidet av Annette Berg Dahlen Versjon

Analytisk geometri med dynamiske geometriverktøy

Netlife Sans er vår egen skrifttype. Den inneholder alle de visuelle elementene til identiteten vår. Den er tegnet i fire vekter, med en egen vekt

Kommentarer til boka Regneark for barnetrinnet 1

Geometri Mona Røsseland Nasjonalt senter for matematikk i Opplæringen Leder i LAMIS Lærebokforfatter, MULTI Geometri i skolen Geometri etter 4.

trinn! Instruksjon For Windows 7.4 og nyere versjoner.

Last ned Skavlans ark - Fredrik Skavlan. Last ned. Last ned e-bok ny norsk Skavlans ark Gratis boken Pdf, ibook, Kindle, Txt, Doc, Mobi

JEG KAN.. 1.trinn. IT-plan for elever ved Rørvik skole

ADOBE ILLUSTRATOR. En introduksjon til ADOBE ILLUSTRATOR av Wictor L. Faanes TREIDER DESIGN

Unicode. Unikt vakkert eller unisont håpløst? En vandring gjennom tegnkodingens historie. Dag Lamgmyhr, Ifi/UiO Ark 1 av 23

Start med å åpne programmet ved å trykke på ikonet GIMP 2 på skjermen eller under startmenyen.

Veiledning og oppgaver til OpenOffice Calc. Regneark 1. Grunnskolen i Nittedal

Vet du hva vi kan bruke et regneark på pc-en til?

Bruk av OpenOffice.org 3 Writer

Ã Ô ½ Ò Ò ÐÐ ØÖ

Profesjonelle trykksaker med OpenOffice 2.0

Bildebehandling i GIMP

SBN Enterprise Portal seminar 26.okt Morten Moa systemsjef

Nedlasting av SCRIBUS og installasjon av programmet

Manual for logobruk Fairtrade-kommuner 2019

Vi begynte timen med å forstå hva introduksjonsprogrammet, norskgrunnskole og hospitere i videre gående skole er.

Geometra. Brukermanual. Telefon:

Prosjektinnlevering, del 2, Teknologioppgaven brukes som forberedelse for bedømmingen av denne prisen.

Manual for logobruk Fairtrade-skoler 2019

Årsplan i matematikk for 3. trinn 2017/2018

Enkel lesing og skriving i Java

En presisering av kompetansemålene

Sport 1 Plakatprogram brukerveiledning

Funksjonsbeskrivelse

Sudokubrettet Et sudokubrett består av n n ruter. Vi bruker følgende begreper i oppgaven:

Grunnleggende bruk av PEN TOOLS

Presentasjoner til all slags bruk

Formelverktøy, bildeverktøy og tegneverktøy: 1MB

10 tips til engasjerende videoinnhold på sosiale medier. batfish.no

Innføring i OOcalc Side 1. OOcalc

GILA 4. 6.februar 2014 på Lysebu

ebeam Edge består av en elektronisk penn (sender), mottaker, programvare og USB kabel. USB kabelen kobles til i mottakeren.

Snurrige figurer. Steg 1: En snurrig figur. Sjekkliste. Introduksjon

WINDOWS 10 OPPDATERING HØSTEN 2018 (VERSJON 18.09) HVA ER NYTT?

Grafisk pakke dataseminar ARK6 12.feb 2008

RENDALEN KOMMUNE Fagertun skole. Årsplan i matematikk for 5., 6. og 7. trinn 2018/19

Hurtigreferanse for HP Photo Printing

Ò Ø Ø Ì Ð Ô Ó ÙØ ÝØØ ÍØ ÝØØ ÐÐ Ö Ø Ð Ô Ë ØØ ÙÐ ÑÔ Ö Ñ ÙØ ÝØØ Ú Ò Ò Ø Ó ØØ Ð ÒØ ÐÐ Ö Ð ÙØ ÐÐ Ö ÓÐ Ë Ò Ð Ö Ò Ñ ÙØ Ð Ò ÔÓÐ Ø

Ã Ô ½ Ë Ð Ô Ø Ô Ø Ð ØÖÙ ØÙÖ ¹ ÁÒ Ò ØØ

La oss begynne enkelt. Vi vil først se hvordan vi kan flytte og snurre på en figur.

Barns digitale kunstverk

UTSKRIFTSVEILEDNING FOR CANON ir-maskiner

Læreplan, nivå 1. Innhold / tema. Hovedområde Kompetansemål Elevene skal kunne: Tall og algebra:

Last ned Å bekjempe depresjon - Paul Gilbert. Last ned

Last ned Å bekjempe depresjon - Paul Gilbert. Last ned. Last ned e-bok ny norsk Å bekjempe depresjon Gratis boken Pdf, ibook, Kindle, Txt, Doc, Mobi

FIRST LEGO League. Trondheim 2012

FRI KOPIERING "MATTE-PRØVA" Kartlegging av kunnskap og innsikt i matematikk. Oppgaver til bruk ved direkte observasjon

INF1510 Oblig #1. Kjetil Heen, februar 2016

Åpen dag ved Haukeland skole

Ã Ô Ø ÐÚ Ö ÑÓ ÐÐ Ò Ó ØÓÖÑÓ ÐÐ Ö Ã Ô ØØ Ð

Filterprogrammer og redirigering av I/O

LESEVERKSTEDET Damm forlag

SUPERSPINNER AV ALUMINIUM

FORELESING KVELD 10. IT For medisinsk sekretær Fredrikstad

Kontor- og arkivskap Kvalitet - sikkerhet - service

Illustrator, bruk av Pen tool. Pentool og rette linjer

TEKSTMALER FOR DOKTORAVHANDLINGER

PEDAGOGISK TILBAKEBLIKK

Matematisk juleverksted

(a δ,a+δ), (a δ,a+δ) = {x R x a < δ}. (a δ,a+δ)\{a} = (a δ,a) (a,a+δ) = {x R 0 < x a < δ}, f(x) = 2x 1.

Programmering i Java med eksempler

Grunnleggende. Excel

DESIGNMANUAL. Funksjonshemmedes fellesorganisasjon

Av LäraMera Program AB og Leripa AB. Kristina Grundström

God fortsettelse i 6. skoleår?

Matematikk 5., 6. og 7. klasse.

Sudokubrettet Et sudokubrett består av n n ruter. Vi bruker følgende begreper i oppgaven:

Trenerveiledning del 2 Mattelek

Innstallasjon og oppsett av Wordpress

FORELESING KVELD 9. IT For medisinsk sekretær Fredrikstad

ÒÒÓÙÒ Ö Ñ Û Ø Ö Ù Ò ÝÐ ØØ Ò ÝÒ ÖÓÒ Þ ÌÖ Ò Ø ÓÒ ØÓÛ Ö Ø ÙÒ Ð Ø Ö Ð Ô Ö ÒØ Ö Þ Ö ÒØ º Ö Þ Ò ºÞ ÒØ Ö ÓÖ ÓÒÓÑ Ê Ö Ò Ö Ù Ø Ù Ø ÓÒ Ó ÖÐ ÍÒ Ú Ö ØÝ Þ Æ Ø ÓÒ Ð

LESEVERKSTEDET Damm forlag

Communicate SymWriter: R1 Lage en tavle

Dagens tema: INF2100. Utvidelser av Minila array-er. tegn og tekster. Flass- og Flokkode. prosedyrer. Prosjektet struktur. feilhåndtering.

Profilguide Agder Kollektivtrafikk AS

Perspektivtegning med Paint

Sudokubrettet Et sudokubrett består av n n ruter. Vi bruker følgende begreper i oppgaven:

Skrifttypen i navnet (signaturen), er tidsriktig og fremstår som mer åpen enn tidligere.

Orden i boks Forbered deg til det nye året

Inspirasjon og motivasjon for matematikk

KRITISK BLIKK PÅ NOEN SKOLEBØKER I MATEMATIKK.

Lærerveiledning - Snake

Grafisk profil Norske Landbrukstenester

Data og statistikk 35

ElCad Nettdok Illustrasjoner. (Ny funksjon )

Tips og triks 3. Fargelagte fasader Felles bruker hvordan håndtere? Penn, lag og fontfiler

LOKAL LÆREPLAN SKEIENE UNGDOMSSKOLE MATEMATIKK 9.TRINN

arbeide med konkreter praktisk arbeid stasjoner uteskole pc samtale samarbeid gruppearbeid arbeide i læreverket andre skriftlige oppgaver

Versjon Elling Ringdal

Your choice in railing systems. Easy Glass System. Hvor åpenhet møter design og sikkerhet

SUPERSPINNER AV ALUMINIUM

Stålskap til kontor, arkiv og lager Kvalitet - sikkerhet - service

Transkript:

Velkommen dag@ifi.uio.no L L

Alle bruker fonter! Alle vet hva en font er:

Fonter i hopetall Det finnes tusenvis av fonter: For bøker: For presentasjoner: Elegante: Morsomme: Garamond Lucida Fax Calligra... men innmaten er den samme.

Hvorfor skal vi rote inni en font? Hvorfor? Det finnes mange eksempler på vellykket teknologi som er meget enkel å bruke selv om innmaten er komplisert: armbåndsuret telefonen nettlesere samt (mener jeg) fonter.

Hva er en font? Hva er en font? En font er en samling bilder som kan plasseres vilkårlige steder på arket eller skjermen. Geometrisk transformasjon er en stor fordel: skalering rotering vridning reversering P P P P

Hva er en font? Løsningen er omriss av hvert tegn på et egnet format.

Hvordan tegne et godt omriss? Mange har lenge prøvd å få til dette, som Albrecht Dürer rundt år 1500. Men med passer og linjal går det dårlig.

Glatte kurver er en lek! Løsningen I 1912 definerte Sergeĭ Bernshteĭn en interpolasjonsformel B(t) = (1 t) 3 P 0 +3(1 t) 2 tp 1 +3(1 t)t 2 P 2 +t 3 P 3, t [0, 1] I 1959 fikk Paul de Casteljau ideen om å benytte denne formelen til et grafisk formål: Han designet karosseriplater for Citroën. Kurvene ble kjent som Bézier-kurver etter Pierre Bézier som lånte ideen og brukte den hos Renault; han publiserte de første artiklene om denne bruken.

Glatte kurver er en lek! Bézier-kurver er enkle å forstå: Vi skal trekke en pen kurve fra A til B. Fra A skal den starte i retning av kontrollpunktet P 1. Når kurven går mot B, skal den ha retning fra det andre kontrollpunktet P 2.

Glatte kurver er en lek! Dette gjelder uansett hvor «rare» kontrollpunkter vi velger:

Glatte kurver er en lek! Bézier-kurver har to store fordeler: 1 Det er trivielt enkelt å få en glatt overgang mellom to streker:

Glatte kurver er en lek! Men vi må passe litt på hvor vi setter kontrollpunktene:

Glatte kurver er en lek! 1 Bézier-kurver gir glatte overganger. 2 Bézier-kurver er lette (og raske!) å tegne: Dette tar 12 addisjoner og 12 divisjoner.

Glatte kurver er en lek! Det er like lett å finne andre punkter på kurven:

Glatte kurver er en lek! Da har vi verktøyet vi trenger: grønne streker er rette linjer og røde streker er Bézier-kurver.

Glatte kurver er en lek! Da er problemet løst. Eller er det det?

Er da problemet løst? Men hva med avrundingsfeil? Omrisset benytter reelle tall (double-tall) og skal legges oppå et rutenett med fast størrelse.

Er da problemet løst? Løsningen er hinting som må med i fonten: Hvilke streker skal være like tykke? Hvilke avstander skal være like store? Hvilke elementer skal ikke fjernes uansett hvor små de blir?

Hvordan passer bokstavene sammen? Passer bokstavene sammen? WAVERLY WAVERLY

Litt justering må til Løsningen er å legge inn utligning («kerning») som er en avstandsjustering mellom visse bokstavpar: WAVERLY WAVERLY Utligningen kan beregnes automatisk, men det beste er å gjøre det manuelt. Dette er en stor jobb.

Hva med andre spesielle tegnkombinasjoner? Noen tegnkombinasjoner bør spesialbehandles: fi fl De tar seg bedre ut om vi bruker en ligatur: fi fl Ligaturer samt opplysninger om hvilke tegnkombinasjoner som gir en ligatur, må også med i fonten.

Hva med andre spesielle tegnkombinasjoner? De fleste fonter tilbyr fi og fl men noen har mange fler:

Hva med andre spesielle tegnkombinasjoner? Noen ligaturer er blitt så vanlige at vi bare kjenner dem som eget tegn: Æ Ö Å &!? AE e O a A I Q o o

Kan alle lage sin egen font? Kan jeg lage min egen font? Det finnes mange brukbare programmer, blant annet FontForge. Å lage en god font tar flere måneder!

Programmet Metafont METAFONT output 2010.09.28:1025 Page 27 Character 97 The letter a Et alternativ Folk som liker LAT E X og å jobbe på en deklarativ måte, vil kanskje like METAFONT, laget av Donald Knuth, mannen bak T E X. ÑÒÒÓÔÔÕÕÖÖ ØØØÙÙ ÎÎÎÎÎÏÆÆÆÆÆÆÆÆÆÆÆÆÆÏÏÏÏÎ ÛÚÚÚÚÙÙÙÙØØØ ÖÖÕÕÕÔÓÓÒÒÑ 3r ÑÓÔÖ ØÙÚÛÜÝÏÏÆ 3l ÆÏ ÜÞÞÞÛÚÙÙØ ÖÕÔÒÑ ÒÖØÚÛÛÛÛÛÛÛÛÛÛÛÛÜÞÛÛÛÚÚÙØ ÖÕÓ Æ Å ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÚØ ÕÓÑ ÏÜÝÞÞÞÞÞÞÞÏ 2 1 ÝÞÞÞÞÞÚ Ó 1l 2l ÆÆÆÏÏÏÏÏÏÏÏÏÆÆÆ ÜÞÞÞÞÞÞ 4l 4r ÑÑÑÑÑÑÒÒÒÒÒÒÒÓÓÓÓÓÓÓÓÓÓÓÓÔÔÔÔÔÔÔÔÔÔÔÜÞÞÞÞÞÞ 4 ÑÑÒÒÓÓÔÔÔÕÕÖÖÖ ØØØÙÙÙÚÚÚÚÛÛÛÛÐÐÐ ÏÏÏÆÆÆ ÜÞÞÞÞÞÞ ÑÒÓÔÕÖÖ ØÙÙÚÛÛÝÞÞÞÐ ÏÏÆ ÜÞÞÞÞÞÞ 6l ÑÓÔÖ ÙÚÛÞÞÞÞÞÐÏ ÜÞÞÞÞÞÞ Ô ÙÛÞÞÞÞÞÞÏ 9l ÜÞÞÞÞÞÞ ÚÚÚÚÚÚÚÚÚ 5r 13l ÛÜÝÞÞÞÞÞÞ ÑÓ ÝÞÞÞÞÞÞ 5l 13r ÜÞÞ 7r Ï ÞÞÞÞÞÞÛ ÕÒÑ 7l 7 ÑÒÓÕÖØÚÝÐÏÆ ÐÞÞÞÞÞÕÒ10r ÒÕÜÝÞÐ 12l ÆÏ ÐÐÜÞÞÞÞÛÚÙØ ÖÕÔÔÓÒÒÑÑ ÑÑÒÒÓÓÔÔÕÖÖ ØÙÚ Ð ÏÆ 10l ÆÏ ÐÜÝÞÞÞÛÙØ ÖÕÕÔÔÔÓÓÓÔÔÔÕÕÖ ØÙÛÝÐÏÆ 11r ÆÆÆÆÆÏÏÏÏÏÏÏ ÎÎÎÎÎÆÆÆ 8l ÆÆÆÆÆÆÆÆÆÆ 11 11l 8r 3 = 3r + (0,-0.5) 5 = 5r + (-9,0) 6 = 6l + (0,0.2) 8 = 8l + (0,-0.5) 9 = 9l + (0,0) 10 = 10l + (11,0) 12 = 12l + (-4.5,0) 13 = 13l + (-4.5,0) 1r = 2 + (-1,0) 2r = 2 + (-1,0) 6r = 6l + (0,0.3) 9r = 9l + (0,0) 12r = 12l + (-9,0)

Takk for meg! Nå kan dere bruke fonter i vilden sky i tillit til at den innebygde teknologien fungerer som den skal. TAKK FOR MEG