Keskustelu: Nettisivujen teko: Ulkopuolinen fontti

Moi,

Eli olen yrittänyt useilla eri tekniikoilla saada css-tiedostostossa, sivupohjan palkkeihin ulkopuolista fonttia. Eli olen siirtäny kyseisen fontin myös hakemistoon, mutta mikään koodi ei meinaa toimia. Joten voisikos joku vähän avittaa?

- Mayd

Eipä onnistu moinen. Sivuston käyttäjillä pitää olla samainen fontti koneellaan asennettuna jos sen haluaa heilläkin näkyvän. Yksi vaihtoehto on tehdä haluttu teksti kuvana tai sitten Flashilla. Nämäkin ovat suositeltuja tapoja ainoastaan lyhyissä teksteissä, kuten otsikoissa ja silloinkin käyttäjän tulee pystyä näkemään teksti vaikka selain olisi tekstipohjainen tai selaimessa ei ole Flash-pluginia. Jos moiseen ratkaisuun kuitenkin päädyt, googlettamalla hakusanoilla (muistaakseni) FIR ja sFIR löytyy keinot edelliseen.

PHP voi tehdä kuvat GD -kirjaston avulla puolestasi (edellyttäen että palvelimella on PHP asennettuna ja GD -kirjasto käytössä):

<?php

header("Content-type: image/png"); // määritetään png -kuva

$img = imagecreate(50, 25); // alustetaan 50px x 25px kuva

$bg = imagecolorallocate($img, 255, 255, 255); // taustan väri
$fg = imagecolorallocate($img, 0, 0, 0); // tekstin väri

// luodaan teksti
// (kuva, fonttikoko, kulma, x, y, väri, TrueType -fontti palvelimella, teksti)
imagettftext($img, 12, 0, 5, 5, $fg, "font.ttf", "Teksti");

imagepng($img); // luodaan kuva
imagedestroy($img); // vapautetaan muisti

?>

Tallenna koodi esim. kuva.php -tiedostoon ja lisää se sivuillesi normaalisti img -tagilla: <img src="kuva.php" alt="" />

kayttaja-5600 kirjoitti:

PHP voi tehdä kuvat GD -kirjaston avulla puolestasi (edellyttäen että palvelimella on PHP asennettuna ja GD -kirjasto käytössä):
[/koodiphp]

Vaatii myös freetypen. toi flash on parempi kun kuva imo (voi kopioida, hakubotit näkee ilman kikkoja)

Niko kirjoitti:

Vaatii myös freetypen.

Toimii ilmankin, ellei se sitten tule PHP:n mukana?

"This function requires both the GD library and the FreeType library." -PHPn manuaali

https://www.php.net/imagettftext

Eikä tule PHPn mukana

Yksi vaihtoehto tietenkin olisi laittaa otsikot ihan normaalisti, mutta syrjäyttää css:llä alkuperäinen teksti taustakuvan tieltä.

Minkä hiton takia kannattaa nettisivun grafiikkaa tehdä PHP:llä jos se ei ole edes dynaamista? Ulkoasun graffat pitäisi kyllä tehdä itse kuvankäsittelyohjelmalla, ei PHP:llä.

Eli jos käytät eksoottisempia fontteja lyhyissä teksteissä, niin tee niistä kuvia.

T.M. kirjoitti:

Minkä hiton takia kannattaa nettisivun grafiikkaa tehdä PHP:llä jos se ei ole edes dynaamista? Ulkoasun graffat pitäisi kyllä tehdä itse kuvankäsittelyohjelmalla, ei PHP:llä.

Eli jos käytät eksoottisempia fontteja lyhyissä teksteissä, niin tee niistä kuvia.

Ja miksei PHP:lla muka voisi luoda dynaamisesti otsikoita kuviksi (eikös tämä muka ole tarpeeksi dynaamista)?

Monet tekee näin, jolloin mitään kuvankäsittelyohjelmaa ei tarvitse yhden otsikon takia. Jos alla on vielä jokin järjestelmä, niin php:lla luodut tekstit ovat erittäin käyttökelpoisia, varsinkaan jos sisällöntuottaja ei tiedä järjestelmästä mitään muuta kuin, miten järjestelmään kirjaudutaan ja miten sillä kirjoitetaan artikkeli.

Kuvankäsittelyohjelmilla leikkiminen tällaisissa tapauksissa olisi tooodella kankeaa, jos mietitään sivuston päivitettävyyttä.

lainaus:

Yksi vaihtoehto on tehdä haluttu teksti kuvana tai sitten Flashilla. Nämäkin ovat suositeltuja tapoja ainoastaan lyhyissä teksteissä, kuten otsikoissa

Missä tilanteessa Flash-otsikko muka olisi suositeltava? Erillisen plugarin lataaminen otsikkoa varten kuulostaa erittäin turhalta.

Mitä tulee Nikon mainitsemaan kuvien hakubottiyhteensopivuuteen, niin alt-attribuutti on olemassa muun muassa niitä varten.

lainaus:

Jos alla on vielä jokin järjestelmä, niin php:lla luodut tekstit ovat erittäin käyttökelpoisia, varsinkaan jos sisällöntuottaja ei tiedä järjestelmästä mitään muuta kuin, miten järjestelmään kirjaudutaan ja miten sillä kirjoitetaan artikkeli.

Tässäkin voi sitten miettiä, onko otsikkokuvaa järkevää luoda dynaamisesti joka sivunlataukselle, vai olisiko syytä luoda kuvatiedosto vain sivua luotaessa/päivitettäessä. Riippuu toki vahvasti saitin kävijämääristä. Pikkusaiteilla tuokaan joka kerta generointi ei tuottane ongelmia.

@tkarkkainen: Flash-otsikon saa esimerkiksi kopioitua leikepöydälle nätisti ja kun homma tehdään oikein (sIFR), eivät nekään onnettomat joilla Flash-pluginia ei ole (nykypäivänä taitaa olla lonkalta heitettynä noin 0,5-3 prosenttia surffaajista), joudu kärsimään tilanteesta. Eikä tarvitse nyt aloittaa mitään sotaa mobiilikäyttäjistä ja muista, itsekin käytän nettiä lähes suurimmaksi osaksi kännykällä.

Ja täytyy vielä kertoa, etten itse noita Flash-otsikoita ole edes koskaan käyttänyt. Suuri etu kuitenkin dynaamisiin kuviin on tuo otsikon kopioitavuus, mikäli moiselle siis sattuu olemaan tarvetta (joskus on, ainakin itselläni).

Ja flash-otsikoista sen verran vielä, että otsikon tilalla näkyy vielä tavallinen teksi, jos plugaria ja/tai javaScript ei ole päällä.

Lebe80 kirjoitti:

Ja miksei PHP:lla muka voisi luoda dynaamisesti otsikoita kuviksi (eikös tämä muka ole tarpeeksi dynaamista)?

Huomaa mitä sanoin: "jos se ei ole edes dynaamista".
En siis väittänyt ettei näin voisi missään tapauksessa tehdä tai että se olisi äärimmäisen typerää. :)

Jeez. Olga taas jaksaa huutaa fläshiä joka reikään. Hyi helvetti, vituttaa liikaa jo mainosbannerit jotka on fläshillä tehty, jotkut jumittaa selaimen jopa. "osta parempi kone" J00!

Miten niin Olga jaksaa huutaa Flashia joka reikään? Satuin vaan esittämään yhden maailmalla hyväksi havaitun tekniikan nättien otsikoiden tekoon weppisivuilla. Jos Flash potuttaa jostain syystä, ei pluginia ole pakko asentaa ja halutut Flash-elementit saa vaikka AdBlockilla estettyä ja silti otsikot näkyvät kuten Lebekin tuossa jo mainitsi. Ja noista otsikoista on mainosbannerit varsin kaukana. Itse en tosiaan ole mitään Flashilla vääntänyt yli vuoteen, enkä myöskään ole kyseistä sIFR-tekniikkaa koskaan käyttänyt (lukenut kyllä paljon), joten sinällään minulla ei ole mitään omaa lehmää ojassa.