Freeway Pro ja fonttien "upottaminen"

Kuvankäsittely, taitto ja typografia
pkMac
Viestit: 952
Liittynyt: 17.1.2005 klo 10.25

Freeway Pro ja fonttien "upottaminen"

Viesti Kirjoittaja pkMac »

Hei Freeway Pro:n käyttäjät. Nyt tuli eteen tilanne jossa asiakkaan www-sivulla pitää käyttää tiettyä fonttia. Halauaisin kokeilla fontti-tiedon lisäämistä eli upottamista sivuille ja tallentamista palvelimelle josta selain ne sitten hakee kun sivu avataan. Asiaan näyttää löytyvän kaksi Actionia; Caxton ja Web fonts. Onko näiden käytöstä kokemuksia? Tarvittavat web-fontit minulla jo on niillä on myös rajaton käyttöoikeus web-käytössä.
Ylös
Avatar
richidi
Viestit: 2744
Liittynyt: 27.7.2007 klo 11.36
Paikkakunta: Kotka

Re: Freeway Pro ja fonttien "upottaminen"

Viesti Kirjoittaja richidi »

Ei hajua freewaysta, mutta font-face toimii näin:

Koodi: Valitse kaikki

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('../fonts/Lato-BolIta-webfont.eot');
    src: url('../fonts/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-BolIta-webfont.woff') format('woff'),
         url('../fonts/Lato-BolIta-webfont.ttf') format('truetype'),
         url('../fonts/Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'LatoBoldItalic';
}
TTF - Works in most browsers except IE and iPhone.
EOT - IE only.
WOFF - Compressed, emerging standard.
SVG - iPhone/iPad.
Some people do it by the book, but i prefer to go by feel…
Ylös
pkMac
Viestit: 952
Liittynyt: 17.1.2005 klo 10.25

Re: Freeway Pro ja fonttien "upottaminen"

Viesti Kirjoittaja pkMac »

richidi kirjoitti:Ei hajua freewaysta, mutta font-face toimii näin:

Koodi: Valitse kaikki

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('../fonts/Lato-BolIta-webfont.eot');
    src: url('../fonts/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-BolIta-webfont.woff') format('woff'),
         url('../fonts/Lato-BolIta-webfont.ttf') format('truetype'),
         url('../fonts/Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'LatoBoldItalic';
}
TTF - Works in most browsers except IE and iPhone.
EOT - IE only.
WOFF - Compressed, emerging standard.
SVG - iPhone/iPad.
Freeway Express ja Freeway Pro -ohjelmat ovat nettisivujen "taitto-ohjelmia", eli niissä ei paljoa tarvitse koodin päälle vielä ymmärtää. Niinpä en minäkään ole kovin tuttu tulkitsemaan koodinpätkiä jna. Freeway Pro ohjelmaan on saatavissa suuri määrä erilaisia Actioneita, joilla ohjelmaan saa lisäominaisuuksia. Niinpä on tähän fontiupottamiseenkin, kuten avausikkunassa jo kerroin. Mutta varmaankin homman voisi myös tehdä manuaalisesti, eli koodaamalla. Voisitko richidi tai joku muu valottaa hommaa vähän enemmän ja vääntää rautalangasta ihan alusta alkaen. Freeway Pro:ssa lisäkoodit syötetään valikkojen avulla; täytyy vaan tietää mihin koodin pätkän laittaa. Valikossa on "Before" ja "After": <html>, <head>, </head>, <body>, </body> ja </html>. Lisäksi olen henkkinut MyFont:sta ilmaisen ja vapaalla käyttöoikeudella varustetut "Museo 300, 500 ja 700" -fontit. Lähdin alkuun Museo 300:lla ja tein sille css-tyylin Freeway Pro:ssa. Ladattuani MyFont:sta sieltä tuli xxx.js -file; aika pitkä pätkä koodia ja fonttitiedostot TTF, EOT, WOFF -muodoissa, mutta ei SVG:nä!
Ylös
Avatar
MacFinn
Viestit: 22979
Liittynyt: 21.2.2004 klo 11.41
Paikkakunta: Pori

Re: Freeway Pro ja fonttien "upottaminen"

Viesti Kirjoittaja MacFinn »

Oletko lukenut tämän:
http://www.softpress.com/kb/questions/2 ... +Web+Fonts
Tuosta voi olla jotain apua.

Ja täällä lisää:
http://www.freewaytalk.net/thread/view/109740#m_109935
Viimeksi muokannut MacFinn, 27.1.2013 klo 14.13. Yhteensä muokattu 1 kertaa.
iMac 24" 4,5K, pari Mac miniä, iPhone 13, iPad 2021, Watch SE 2022 ja kaikenlaista muuta. FiMUG ry jäsen
Ylös
pkMac
Viestit: 952
Liittynyt: 17.1.2005 klo 10.25

Re: Freeway Pro ja fonttien "upottaminen"

Viesti Kirjoittaja pkMac »

MacFinn kirjoitti:Oletko lukenut tämän:
http://www.softpress.com/kb/questions/2 ... +Web+Fonts
Tuosta voi olla jotain apua.

Ja täällä lisää:
http://www.freewaytalk.net/thread/view/109740#m_109935
Kiitos MacFinn. Toinen linkkivihjeesi tuotti tulosta. Sen tiedoista löytyi vinkki, että Fontsquirrel-sivulla on "Font-face Kit Generator". Sen avulla voit itse tehdä omista fonteista tarvittavan "Kit:n" ja xxxx.css -filen. Näiden ja Caxton -actionin avulla sain Museo-kirjasimen pelittämään ainkin ensin kokeilemassani iPad:n Safarissa ja Mac:n Safarissa. Ja huom!, tuossa testaus-Mac:ssä ei ollut kyseistä fonttia asennettuna. Ja näyttää myös toimivan iPhonen Safarissa.
Ylös

Palaa sivulle “Kuva ja graafinen suunnittelu”