Ketjujen otsakkeiden fontti muuttui???

Ei ole tarkoituksellista, jostain syystä meidän oma Telia Sans -fontti ei toimi täällä inSidedissa aina oikein. Joskus se vain yht äkkiä poistuu käytöstä ja tilalle tulee oletusfontti. Samaan aikaan toisella selaimella voi näkyä kuten pitää. Lisään tämän tänne listalle, siellä olikin jo maininta siitä, että Safarilla (tietokoneella, ei puhelimella) etusivun otsikot voivat näyttää lihavoiduilta.

Miten on muuttunut? En ainakaan itse ole huomannut 🤔

Puhelimessa ei ainakaan ole muuttunut, en ole ehtinyt vielä tietokoneella selata yhteisöä ollenkaan 😄

Minulla on Firefox sekä tietokoneessa että puhelimessa ja vain tietokoneessa se Telia Sans muuttui oletusfontiksi , ei puhelimessa. Outoa 😗

Kieltämättä jännä, että jos fontti muuttuu niin se muuttuu just tietokoneella, ei puhelimessa. Tai tietokoneellakin tuntuu olevan tosiaan eroja eri selaimissa.

telia.fi:ssä fontit toimivat oikein, ja sieltä tämä Telia Sans haetaan myös tänne.

Tietokoneen ja puhelimen selaimet ovat pikkuisen eri versioita , vaikka ne samaa merkkiä (Firefox) ja releasea ovatkin. Kaipa niissä sitten jotakin pientä eroa on ja eri valmistajan värkeissä vielä enemmän.

Hmmm…

Jos ne fontit tosiaan haetaan yhteisöalustan ulkopuolelta , niin veikkaisin , että välillä se haku epäonnistuu ja alusta korvaa ne oletuksilla.

Jotain tällaista tässä taitaa olla. Tutkimme tätä edelleen.

Ja taas näyttää fontit sellaisilta kuin pitääkin. No katsellaan , että kuinka kauan. 😉

Joo, tämä on ihan normaalia. Sama jos joku sivusto käyttää esim. Google Fontteja niin CSS:ssa määritellään URL ko. fonttiin, jotta se ladataan. 

Backuppina ns. "fallback" on hyvä aina määritellä mahdollisimman samannäköinen fontti, joka löytyisi kaikilta vakiona koneelle asennettuna. Eri selaimissa eri käyttöjärjestelmillä on myös hieman erinäköinen vakiofontti. 

Erityisesti fonttityyppi font family pitäisi olla, joka näyttäisi täällä olevan määritelty "Custom", jolloin kuvan perusteella otsikoihin käyttöön on tullutkin "Serif", eikä sopivampi "Sans-serif" -tyyppinen fontti.  

@font-face { 

font-family: "Custom"; src: url("https://www.telia.fi/.resources/pride-ui-module/webresources/assets/fonts/teliasans/TeliaSans-Regular.woff") format("woff"); }

Vähän huonosti selitetty edellinen muuta samalla tehdessä… 😁 Sama onko siinä se Custom nimenä (jos se tulee esim. alustasta), vai kuvaavampi nimi fontille.
Lainattu tuolta tämän sivun koodista fallback-fontti korjauksilla, jos TeliaSansia ei saa ladattua, esim:

Olemme määritelleet, että jos syystä tai toisesta selain ei saa ladattua Telia Sans -fonttia niin selain käyttää silloin Helvetica-fonttia. Alunperin vaihtoehtoinen fontti oli joku toinen, en muista mikä, mutta vaihdoimme tilalle tosiaan tuon Helvetican.

Nyt on mennyt jo pitkään, että fonttien kanssa ei ole ollut ongelmia. Seuraamme toki tilannetta jatkossakin.

Joo taas on toistaiseksi toiminut ok. Katsellaan kuinka kauan. 😊

Pari viikkoa kesti ja taas on fontit muuttuneet itsestään. Pitäisiköhän @TeroRe asia korjata ihan oikeasti???

Koska fontti ladataan telia.fi sivustolta niin nyt tämä ongelma liittynee päällä olevaan ongelmaan telia.fi -sivustolla. En ole kuitannut ongelmaa korjatuksi, tämä fonttiasia löytyy edelleen bugilistalta.

Kuten jo aikaisemmin kirjoitin, fallback-fonttia ei ole määritelty Yhteisön otsikoihin oikein.

Kun Custom ts. Telia Sans -fonttia ei löydetä, niin käytössä on yleinen serif -fontti fallbackina (ei Helvetica, eikä siis edes sans-serif -tyyppinen fontti).

Telia Yhteisön otsikot:
 

Telian pääsivulla fallback-fontit on määritelty täysin oikein:
 

Yhteisön tekstissä on fallback-fonttina Helvetica, kuten @TeroRe kirjoitti, mutta ei otsikoissa.
Tuo Helvetica eroaa niin vähän Telia Sansista, että välttämättä jokainen ei eroa edes huomaa… Siksi tässäkin puhumme vain otsikoiden muuttuvasta fontista, emmekä siitä, että se muuttuu kaikkialla Yhteisössä.
 

Vielä tuohon liittyen kysymys inSidedin alustan osalta. Eikö TeliaSans fonttia saa inSidediin uploaduttua, kuten kuvatkin?

Silloin fonttia ei olisi pakko hakea Telian palvelimelta. Mutta ehkä tämä ei ole mahdollista, kun kerran siihen ei ole päädytty? 😊

Lisäsin nyt määrityksiin, että fallback-fontti Helvetica on käytössä kaikkialla missä vain suinkin eli siis myös heading-fonttina sekä buttoneissa.

Jostain syystä ei saa, inSidediin saa ns. brändifontit (custom-fontit) ainoastaan tosiaan hakemalla ne joltain palvelimelta.

Näemmä jälleen on ongelmia hakea tuo Custom-, eli Telia Sans-fontti.
Onneksi tuo Helvetica on fallbackkina niin saman näköinen, ettei muutosta välttämättä äkkiseltään huomaa, jos ei enemmän nysvää nettisivujen kanssa. 😉😁
 

Pahoittelut, olin pari päivää poissa ja palasin tänään takaisin töihin.

Tämä ko. vika on edelleen päällä, harmillisesti pääsemme tutkimaan tätä vasta ensi viikon alussa. Toivottavasti olisi sellainen, että saisimme tämän silloin myös lopullisesti kuntoon :)

Jep. 🙂👍 Mielenkiintoista, miten satunnaisesti ilmenee.