Video: CSS3 font face website lettertypes 2024
De stijl. CSS-bestand bevat de regels voor de kleur, stijl en grootte van lettertypen voor uw Drupal-thema. Hier volgt een overzicht van enkele coderingen die worden gebruikt om de weergave van lettertypen te regelen die u in stijl ziet. CSS:
-
lettertype: deze tag wordt slechts één keer in stijl weergegeven. css en specificeert het lettertype dat voor de hele site moet worden gebruikt.
-
lettertypegrootte: bepaalt hoe groot of klein de tekst is.
-
lettertype: gebruikt om tekst vet te maken.
-
lettertype: voornamelijk gebruikt om tekst cursief in te stellen.
-
tekst-decoratie: bepaalt of een koppeling onderstreept is.
-
kleur: stelt de kleur van tekst in.
De volgende coderegels tonen enkele belangrijke tekstinstellingen in stijl. CSS dat je misschien wilt wijzigen.
lichaam {font: 76% / 170% Verdana, Arial, Helvetica, sans-serif; kleur: # 000000;}
Er zijn twee dingen aan de hand in deze regel. De kenmerkkleur bepaalt de tekstkleur voor de hele site en stelt deze in op zwart. Als geen andere regels de kleur later in dit bestand wijzigen, wordt deze weergegeven als zwart op de site. Deze specificatie bepaalt de kleur van alle inhoudstekst op de hele site.
De lettertype-instelling, 76% / 170% Verdana, Arial, Helvetica, schreefloos, stelt zowel de tekstgrootte als het lettertype in. Als u een ander lettertype en grotere tekst wilt gebruiken, kunt u deze regel als volgt wijzigen:
lettertype: 100% keer New Roman, Georgia, Serif;
Hierdoor wordt het lettertype voor de hele site gewijzigd, zoals u kunt zien in de volgende afbeelding.
Het lettertype is groter - en is nu Times New Roman in plaats van Verdana. In het voorbeeld is gekozen voor de kleinere lettertypegrootte en Verdana voor de stijl, dus deze regel is weer gewijzigd in lettertype: 76% / 170% Verdana, Arial, Helvetica, schreefloos;.
een {text-decoration: none; font-weight: bold;}
De text-decoration bepaalt of links op uw site onderstreept zijn. In dit geval zijn ze dat niet. Het lettertype-gewicht zorgt ervoor dat de site vetgedrukt linkt.
a: hover {text-decoration: underline;}
Wanneer u uw muiscursor over een van de links op de site beweegt, wordt de onderstreping weergegeven. Als u de cursor uitzet, verdwijnt deze. Elke keer dat u de zweeftekst ziet, verwijst deze naar de cursor die ergens naartoe wordt verplaatst en daar wordt onderbroken.
#branding {color: # 000;}
Als de kleur # 000 wordt gewijzigd, wordt de kleur zwart en ziet hij er beter uit tegen de gele achtergrond.
Zorg er bij het wijzigen van de CSS-code voor dat de leestekens exact gelijk blijven. Zorg er bijvoorbeeld voor dat elke regel in het codeblok eindigt met een puntkomma.
Tip "> Trial and error is een manier om uit te zoeken welke stijlen in de stijl.CSS horen bij welke elementen op uw site. Maar er is een eenvoudigere manier. U kunt de webbrowser Firefox gebruiken en de invoegtoepassing Firebug installeren. Hiermee opent u een venster in de webbrowser en ziet u welke stijlen de elementen op uw webpagina gebruiken.
In de volgende afbeelding ziet u welke lijn in stijl is. CSS bepaalt het uiterlijk van de sitenaam in de koptekst. Rechts onderaan de browser kunt u zien waar in de CSS-code de opmaak is ingesteld. Lees meer over Firebug op Getfirebug. com.
Tip "> U kunt veel andere details aanpassen en wijzigingen aanbrengen in thema's. Drupal. org / theme-guide is een zeer grondige handleiding.