Hoe Icon In Text te gebruiken in webdesign

Dezelfde familielettertypen met verschillende lettergewichten geven de hiërarchie, intentie en belangrijke informatie aan. Het gebruik van de juiste Font Weights op de juiste plaatsen is een soort kunst. In Nicepage kunt u het brede scala aan ondersteunde Font Weight-waarden gebruiken die door de Font-familie worden ondersteund om ten volle te profiteren van deze eigenschap. Indien ondersteund, kunt u verschillende lettergewichten gebruiken voor elke tekststijl en responsieve modi - van dun (100) tot zwart (900).

Ondanks de groeiende populariteit van visuele media-elementen, is tekst nog steeds het meest gebruikte type voor het leveren van informatie op internet. Uw website moet het leesbare lettertype hebben om de inhoud te leveren. Selecteer een tekstelement en wijzig vervolgens het lettertype in het eigenschappenvenster. We hebben u meer dan 900 Google-lettertypen gegeven en de meest populaire in een aparte lijst onderverdeeld. U kunt de recent gebruikte lettertypen ook in een andere lijst vinden. Er is ook een optie om een aangepast lettertype toe te voegen.

Typografie is belangrijk voor alle leesbare inhoud, inclusief websites. Letter Spacing maakt er deel van uit en definieert de afstand tussen getypte karakters in woorden op een webpagina, waardoor de visuele dichtheid verandert en teksten optisch consistent worden. U kunt de waarde van de eigenschap Letterafstand wijzigen in het eigenschappenvenster voor de geselecteerde tekst, hyperlink, knop, enz. De waarde van de letterafstand is standaard ingesteld op 0.

Je hebt toegang tot honderden vooraf ingestelde Google Fonts die zowel zeer toegankelijk als browservriendelijk zijn. Nicepage beperkt je niet tot die lettertypen. U kunt ook aangepaste lettertypen van derden downloaden of kopen om uw unieke ontwerp te maken. U kunt de aangepaste lettertypen uploaden in de geopende lettertypelijst in het eigenschappenvenster voor een geselecteerd element. Alle geüploade aangepaste lettertypen worden ondersteund in de thematypografie en het lettertypeschema op alle webpagina's.

In de meeste gevallen vereisen teksten dat basishandelingen worden benadrukt. De basisopmaak omvat Vet, Cursief, Onderstrepen en we hebben de hoofdletters toegevoegd. U kunt een tekst of een deel ervan selecteren en op de pictogrammen voor basisopmaak in het eigenschappenvenster klikken. Houd er rekening mee dat, in tegenstelling tot de Rich Text voor de reguliere tekst, de bewerking in hoofdletters het hele element verandert, niet alleen het geselecteerde gedeelte.

Naast de elementuitlijningen die het tekstelement in een groep, rastercel of blok positioneren, kunt u de basisuitlijning gebruiken om de inhoud binnen het tekstelement te rangschikken. Om dit te implementeren, moet u het tekstelement selecteren en op een van de uitlijningspictogrammen in het eigenschappenvenster klikken. Dat zal je helpen om het tekstelement en zijn innerlijke inhoud indien nodig anders te rangschikken.

De regelhoogte is een basisteksteigenschap die de hoeveelheid ruimte boven en onder tekstregels definieert. U kunt de waarde van de regelhoogte wijzigen door het veld in het eigenschappenvenster voor geselecteerde kop, tekst of andere elementen te selecteren of in te typen. Het wordt meestal aanbevolen om de kleinere regelhoogte te gebruiken voor grotere lettergroottes.

De tekstbreedte is belangrijk omdat het helpt bij het correct definiëren van de positionering van alle blokelementen en het uitlijnen van de volledige lay-out. De tekstbreedte maakt de inhoud aantrekkelijk en leesbaar. In het eigenschappenvenster kunt u definiëren hoe de tekst in de container of het blok past. Als u de optie Automatische breedte selecteert, neemt de tekst de breedte van de container over en worden woorden automatisch overgenomen, waardoor het veel gemakkelijker wordt om het ontwerp voor de responsieve modus aan te passen. Met de optie Vaste breedte kunt u de exacte breedte voor het tekstelement instellen.

Het wordt aanbevolen om verschillende stijlen te gebruiken in tekst, koppen, tekst, blokcitaten, geordende en ongeordende lijsten, enz. Het beïnvloedt uw SEO-ranglijst indirect door uw inhoud gemakkelijker en aangenamer te maken om te lezen voor uw gebruikers en bezoekers en door contextgegevens over uw inhoud gebouwd met trefwoorden voor de zoekmachines.

Als je een langgelezen tekst voor je website hebt, en de tekst is niet erg handig in gebruik, dan is er het Rich Text Element (RTE), waarmee je long-content artikelen kunt maken. In tegenstelling tot de reguliere kop-, tekst-, lijst- en afbeeldingselementen, kunt u deze elementen rechtstreeks in het rich text-element toevoegen en wijzigen, vergelijkbaar met het bewerken van tekst in een processor zoals MS Word.

Doorhalen wordt gebruikt om te benadrukken dat de tekst of zin moet worden uitgesloten van de verklaring. Deze stijl is beschikbaar via het vervolgkeuzemenu Lettertypestijl in het eigenschappenvenster.

Kleur is het eerste waar je aan denkt als je aan webdesign denkt. U kunt elk van de gegenereerde vooraf ingestelde kleuren uit het palet selecteren, die u kunt wijzigen door op de link Kleuren in het Quick Access-themapaneel te klikken. Gebruik indien nodig het dialoogvenster Kleurkiezer om een extra kleur toe te voegen, die u kunt vinden in het dialoogvenster Kleur in het Eigenschappenvenster voor de geselecteerde tekst. U kunt de stijl bijwerken met kleur om dezelfde kleur toe te passen op alle exemplaren van de tekststijlen die op een website worden gebruikt.

Het kiezen van de juiste lettergrootte voor de tekstelementen is belangrijk, dus deze zijn gemakkelijk te lezen en te begrijpen. U kunt de lettergrootte instellen door een tekstelement te selecteren en vervolgens de waarde voor lettergrootte in het eigenschappenvenster te kiezen of in te voeren. U kunt ook verschillende lettergrootten hebben voor kleinere schermen, groter of kleiner, afhankelijk van de tekstaanpassing en leesbaarheid. Indien nodig kunt u ook een andere lettergrootte instellen voor een geselecteerd deel van de tekst.