toggle mobile menu

Kirjaudu

Rekisteröidy ilmaiseksi!

KAIKKI OHJEET
PERUSTEET
LiquidBlox perusteet
Editori
Valmispohjien käyttäminen
Layout rakenteiden luominen
Tyylit
Yläpalkki ja alapalkki
Blokin asetukset
Leikepöydän käyttäminen
Sisältötyypit
Sivujen hallinta
Julkaiseminen
Tagien käyttäminen
Linkkien tekeminen
Nappien tekeminen
Liquidblox ja Shopify
SSL sertifikaatin lisääminen ja sivuston avaaminen
VERKKOKURSSIT
Kotisivujen tekeminen
Web design -kurssi
Ideasta verkkosivuiksi
SEO perusteet
Google Analytics perusteet
in English

Tekstin ja fonttien käyttäminen verkkosivuilla


Tekstieditorin avulla lisäät sisältöelementteihin tekstiä. Kaikki Google-fontit ja yleisesti käytössä olevat internet-fontit ovat käytössäsi. Valitut fontit ovat käytettävissä jokaisella sivulla kautta sivuston. 

Tekstin muokkaaminen LiquidBloxilla

KATSO VIDEO:
Näin muokkaat tekstiä

LiquidBlox text editor

Klikkaa teksti-elementtiä avataksesi tekstieditori (text editor).

Fontit

LiquidBlox text editor - font editing

Klikkaa Fonts-nappia päästäksesi käsiksi leipäteksteihin ja otsikkoteksteihin.


Muokkaa sivustollasi käytössä olevia fontteja klikkaamalla Edit Fonts -nappia Fonts-pudotusvalikon alareunassa.

LiquidBlox text editor - naming and saving the font style
  1. Nimeä fontin tyyli helposti ymmärrettävään muotoon
  2. Valitse fontti satojen eri fonttien joukosta
  3. Valitse fontin oletusväri
  4. Määritä fontin oletuskoko pikseleinä
  5. Säädä tekstin riviväliä
  6. Tallenna

Huomio!

Voit helposti etsiä sopivaa fonttia Google Fonttien kirjastosta vierailemalla fonts.google.com -sivustolla.

Tekstielementin korkeus

LiquidBlox text editor - editing the height of the text
  1. Tekstieditorissa tekstin alle saattaa joskus jäädä ylimääräistä tilaa. Poista ylimääräinen tila:
  2. Liikuttamalla raahausikonia (drag handle) 
  3. Tai painamalla Enter-nappia luodaksesi uusia tyhjiä tekstirivejä, kunnes palkki alkaa kasvaa korkeutta. Nyt korkeuden säätö on aktiivisena. Paina Backspace-nappia kunnes palkin on oikean korkuinen. 
KAIKKI OHJEET
PERUSTEET
LiquidBlox perusteet
Editori
Valmispohjien käyttäminen
Layout rakenteiden luominen
Tyylit
Yläpalkki ja alapalkki
Blokin asetukset
Leikepöydän käyttäminen
Sisältötyypit
Sivujen hallinta
Julkaiseminen
Tagien käyttäminen
Linkkien tekeminen
Nappien tekeminen
Liquidblox ja Shopify
SSL sertifikaatin lisääminen ja sivuston avaaminen
VERKKOKURSSIT
Kotisivujen tekeminen
Web design -kurssi
Ideasta verkkosivuiksi
SEO perusteet
Google Analytics perusteet
in English

Kirjaudu

Rekisteröidy ilmaiseksi!

Tekstin ja fonttien käyttäminen verkkosivuilla


Tekstieditorin avulla lisäät sisältöelementteihin tekstiä. Kaikki Google-fontit ja yleisesti käytössä olevat internet-fontit ovat käytössäsi. Valitut fontit ovat käytettävissä jokaisella sivulla kautta sivuston. 

Tekstin muokkaaminen LiquidBloxilla

KATSO VIDEO:
Näin muokkaat tekstiä

LiquidBlox text editor

Klikkaa teksti-elementtiä avataksesi tekstieditori (text editor).

Fontit

LiquidBlox text editor - font editing

Klikkaa Fonts-nappia päästäksesi käsiksi leipäteksteihin ja otsikkoteksteihin.


Muokkaa sivustollasi käytössä olevia fontteja klikkaamalla Edit Fonts -nappia Fonts-pudotusvalikon alareunassa.

LiquidBlox text editor - naming and saving the font style
  1. Nimeä fontin tyyli helposti ymmärrettävään muotoon
  2. Valitse fontti satojen eri fonttien joukosta
  3. Valitse fontin oletusväri
  4. Määritä fontin oletuskoko pikseleinä
  5. Säädä tekstin riviväliä
  6. Tallenna

Huomio!

Voit helposti etsiä sopivaa fonttia Google Fonttien kirjastosta vierailemalla fonts.google.com -sivustolla.

Tekstielementin korkeus

LiquidBlox text editor - editing the height of the text
  1. Tekstieditorissa tekstin alle saattaa joskus jäädä ylimääräistä tilaa. Poista ylimääräinen tila:
  2. Liikuttamalla raahausikonia (drag handle) 
  3. Tai painamalla Enter-nappia luodaksesi uusia tyhjiä tekstirivejä, kunnes palkki alkaa kasvaa korkeutta. Nyt korkeuden säätö on aktiivisena. Paina Backspace-nappia kunnes palkin on oikean korkuinen. 

TEE KOTISIVUJA JA VERKKOKAUPPOJA VISUAALISESTI

Sinä suunnittelet. LiquidBlox hoitaa muun.


LUE LISÄÄ

toggle mobile menu

Kirjaudu

Rekisteröidy ilmaiseksi!

KAIKKI OHJEET
PERUSTEET
LiquidBlox perusteet
Editori
Valmispohjien käyttäminen
Layout rakenteiden luominen
Tyylit
Yläpalkki ja alapalkki
Blokin asetukset
Leikepöydän käyttäminen
Sisältötyypit
Sivujen hallinta
Julkaiseminen
Tagien käyttäminen
Linkkien tekeminen
Nappien tekeminen
Liquidblox ja Shopify
SSL sertifikaatin lisääminen ja sivuston avaaminen
VERKKOKURSSIT
Kotisivujen tekeminen
Web design -kurssi
Ideasta verkkosivuiksi
SEO perusteet
Google Analytics perusteet
in English

Tekstin ja fonttien käyttäminen verkkosivuilla


Tekstieditorin avulla lisäät sisältöelementteihin tekstiä. Kaikki Google-fontit ja yleisesti käytössä olevat internet-fontit ovat käytössäsi. Valitut fontit ovat käytettävissä jokaisella sivulla kautta sivuston. 

Tekstin muokkaaminen LiquidBloxilla

KATSO VIDEO:
Näin muokkaat tekstiä

LiquidBlox text editor

Klikkaa teksti-elementtiä avataksesi tekstieditori (text editor).

Fontit

LiquidBlox text editor - font editing

Klikkaa Fonts-nappia päästäksesi käsiksi leipäteksteihin ja otsikkoteksteihin.


Muokkaa sivustollasi käytössä olevia fontteja klikkaamalla Edit Fonts -nappia Fonts-pudotusvalikon alareunassa.

LiquidBlox text editor - naming and saving the font style
  1. Nimeä fontin tyyli helposti ymmärrettävään muotoon
  2. Valitse fontti satojen eri fonttien joukosta
  3. Valitse fontin oletusväri
  4. Määritä fontin oletuskoko pikseleinä
  5. Säädä tekstin riviväliä
  6. Tallenna

Huomio!

Voit helposti etsiä sopivaa fonttia Google Fonttien kirjastosta vierailemalla fonts.google.com -sivustolla.

Tekstielementin korkeus

LiquidBlox text editor - editing the height of the text
  1. Tekstieditorissa tekstin alle saattaa joskus jäädä ylimääräistä tilaa. Poista ylimääräinen tila:
  2. Liikuttamalla raahausikonia (drag handle) 
  3. Tai painamalla Enter-nappia luodaksesi uusia tyhjiä tekstirivejä, kunnes palkki alkaa kasvaa korkeutta. Nyt korkeuden säätö on aktiivisena. Paina Backspace-nappia kunnes palkin on oikean korkuinen. 

TEE KOTISIVUJA JA VERKKOKAUPPOJA VISUAALISESTI

Sinä suunnittelet. LiquidBlox hoitaa muun.


LUE LISÄÄ