- Adobe Fonts User Guide
- Introduction
- Font licensing
- Font licensing
- Manage your account
- Licensing for Creative Cloud for enterprise customers
- Adding font licenses to your account
- Removing fonts from the subscription library
- Adobe Fonts not available to Adobe IDs registered in China
- Why aren't these fonts included in my Creative Cloud subscription?
- Morisawa font removal September 2021
- Getting and using fonts
- Using Adobe Fonts in Creative Cloud apps
- Manage your fonts
- Resolve missing fonts in desktop applications
- Using fonts in InDesign
- Fonts and typography
- Using web fonts in HTML5 Canvas documents
- Using fonts in InCopy
- Using web fonts in Muse
- Packaging font files
- Troubleshooting guide: Adding fonts
- Added fonts aren't showing to font menu
- "Unable to add one or more fonts" or "A font with the same name is already installed"
- What happens when a font I'm using is updated by the foundry?
- Web design and development
- Add fonts to your website
- Troubleshooting guide: Adding fonts to a website
- Troubleshoot font issues
- Using web fonts in HTML email or newsletters
- Using web fonts with Accelerated Mobile Pages (AMP)
- CSS selectors
- Customize web font performance with font-display settings
- Embed codes
- Dynamic subsetting & web font serving
- Font events
- Why are my web fonts from use.typekit.net?
- Site can't connect to use.typekit.net
- Using web fonts with CodePen
- Browser and OS support
- Domains
- Using web fonts when developing locally
- Content security policy
- Printing web fonts
- Language support and OpenType features
- Font technology
Webbteckensnitt från Adobe Fonts kan användas på dina webbplatser, i e-postkampanjer i HTML-format, i artiklar i Googles AMP-format samt många andra projekt där webbteckensnitt stöds.
Webbtjänsten Adobe Fonts kräver att webbteckensnitt används genom inbäddningskoden som tillhandahålls. Användningsvillkoren tillåter inte att du själv hanterar webbteckensnittsfilerna eller överför dem till en plattform för webbplatsdesign.
Välj teckensnitt att använda
Börja med att botanisera i teckensnittsbiblioteket. Du kan välja vilket språkstöd du behöver på rullgardinsmenyn SPRÅK OCH SKRIFTSYSTEM.
Lägg till taggar eller filter för att krympa teckensnittslistan. Använd våra taggar skrivna på naturligt språk för att botanisera bland teckensnitt som passar ditt projekts stämning eller filtrera efter klassificering (t.ex. serif eller sanserif), egenskaper (x-höjd, bredd eller vikt) eller språk.
Skapa ett webbprojekt
När du hittar ett teckensnitt du gillar kan du klicka på knappen </> och lägga till familjen i ett webbprojekt.
Du kan även klicka på teckensnittsnamnet för att öppna familjesidan och se alla bredder och stilar som är tillgängliga. Klicka sedan på </> Lägg till i webbprojekt längst upp på sidan för att lägga till familjen i ett webbprojekt.
Ge webbprojektet ett namn i fönstret Lägg till teckensnitt i ett webbprojekt och bestäm vilka teckensnitt som ska inkluderas.
- Klicka på menyn och välj Skapa ett nytt projekt
- Ge webbprojektet ett namn
- Välj de bredder och stilar på teckensnittet som du vill inkludera med kryssrutornas hjälp.
- Skapa projektet.
Du kan också ändra projektinställningarna senare via sidan Hantera teckensnitt.
Därefter får du inbäddningskoden för att läsa in teckensnitten på din webbplats. De olika alternativen förklaras på inbäddningskodens hjälpsida, och standardinbäddningskoden fungerar utmärkt för de flesta projekt.
Kopiera inbäddningskoden och lägg till den i taggen <head> på webbplatsen.
Klicka på Klar för att stänga webbprojektfönstret och fortsätta surfa. Klicka på knappen </> på en annan teckensnittsfamilj för att lägga till fler teckensnitt i projektet och välj sedan projektets namn på menyn (i stället för Skapa ett nytt projekt).
Anpassa webbprojektet
Ditt webbprojekt och alla teckensnitt du har lagt till står under Hantera teckensnitt.
Klicka på knappen Redigera projektet för att ändra vilka bredder och stilar som ingår, ta bort en webbteckensnittsfamilj helt från projektet eller ange en font-display-inställning. Du kan också ändra teckenuppsättningen i webbprojekteditorn, som anger projektets språkstöd.
Östasiatiska teckensnitt måste användas med dynamiska delsuppsättningar, medan andra teckensnitt har språkbaserade deluppsättningsalternativ: Standard, Alla tecken eller en anpassad språkdeluppsättning. På hjälpsidan Språkstöd och deluppsättningar finns det mer information om de olika alternativen.
Du kan ta med valfria OpenType-funktioner i projektet genom att markera rutan OpenType-funktioner. Om du markerar rutan visas även en lista med funktioner som är tillgängliga för den specifika webbteckensnittsfamiljen, t.ex. ligaturer, alternativa tecken eller kapitäler.
Med Teckensnittsvisning kan du ange hur webbteckensnitt läses in i webbläsaren och tillämpas på webbplatsen. Mer information om dessa alternativ finns på hjälpsidan om inställningar för font-display.
När du har konfigurerat projektet som du vill ha det ska du klicka på Spara ändringar för att spara projektet. Uppdateringarna kommer att bli tillgängliga på din webbplats inom några minuter.
Använd teckensnitten i din CSS-kod
På sidan Webbprojekt anges CSS-font-family-namnet, den numeriska vikten och teckensnittsstilen för varje teckensnitt i projektet. Använd dessa font-family-namn i CSS-koden för att tillämpa teckensnitten på texten.
