Generate the perfect font style for your project — with the exact weight, width, slant, and other attributes — in Adobe Photoshop.
Published
Gain total control over the appearance of your text with variable fonts. You’ll start with a single font file and end up with style variations that you can reuse in your project.
Note:
You’ll need the latest version of Photoshop to use this feature.
Type your text
Press T, or select the Horizontal Type tool in the Tools panel. Click on the canvas and type your text. Triple-click the text to select the entire sentence and increase the font size in the Options bar.
Select an alignment option. If needed, reposition by dragging the top of the highlighted text.
Find a variable font and use it as a starting point
You can quickly find the variable fonts installed on your computer. With your text selected, type variable in the Font menu in the Options bar. You’ll notice the unique icon identifier (VAR) next to each variable font name.
Move your cursor over the list to get a live preview of each variable font style, and then choose a font style variation.
Edit the font style preset
The Properties panel opens automatically, and you can adjust attributes like Weight, Optical size, Width, and Slant using convenient slider controls. You may see different custom attributes to adjust depending on the variable font you selected.
You can also change the color of your text.
Tip: As you adjust the sliders, Photoshop automatically selects the font style closest to your current settings. For example, increasing the Slant of a Regular font style (like Acumin Variable Concept Regular) automatically changes it to an italic style variation.
Fine-tune your type
Click Advanced to adjust your font size, kerning (spacing between a pair of letters), tracking (spacing in a group of letters), and other settings to refine your text.
Tip: To access the Properties panel again, click the Properties icon in the docked panel column or choose Window > Properties.
Save your custom font style
Now that your text looks just the way you want it, why not save your unique font style so you can reuse it?
Select your text and click Paragraph Styles in the docked panel column. Click Create New Paragraph Style at the bottom of the panel. Double-click the new style (Paragraph Style 1) and type a new name.
To reuse your custom font style, simply select some text in the document and click the paragraph style you created.
Hope you find variable fonts exciting and useful.
Cookie Settings
General information
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage and local shared objects, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
General information
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
We’ll still count your use of our site and services
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
Operate the site and core servicesOperate site and measure engagement
Always active
These cookies are required, and they are used to enable the site and related services core functionality. Without them the site could not operate, so they cannot be disabled.
These cookies enable the site and related services’ core functionality and collect statistics about user engagement, such as counting active use to help us understand trends. These cookies cannot be disabled.
Measure performance
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued and how often unique visitors return to the site, making it hard to improve information we offer to you.
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued, making it hard to improve information we offer to you.
Extend functionality
These cookies are used to enhance the functionality of Adobe sites such as remembering your settings and preferences to deliver a personalized experience; for example, your username, your repeated visits, preferred language, your country, or any other saved preference.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.