User Guide Cancel

Using Fonts in Photoshop

  1. Photoshop User Guide
  2. Introduction to Photoshop
    1. Dream it. Make it.
    2. What's new in Photoshop
    3. Edit your first photo
    4. Create documents
    5. Photoshop | Common Questions
    6. Photoshop system requirements
    7. Get to know Photoshop
    8. Keep Photoshop up to date
  3. Photoshop and other Adobe products and services
    1. Work with Illustrator artwork in Photoshop
    2. Work with Photoshop files in InDesign
    3. Substance 3D Materials for Photoshop
    4. Use the Capture in-app extension in Photoshop
  4. Photoshop on the iPad (not available in mainland China)
    1. Photoshop on the iPad | Common questions
    2. Get to know the workspace
    3. System requirements | Photoshop on the iPad
    4. Create, open, and export documents
    5. Add photos
    6. Work with layers
    7. Draw and paint with brushes
    8. Make selections and add masks
    9. Retouch your composites
    10. Work with adjustment layers
    11. Adjust the tonality of your composite with Curves
    12. Apply transform operations
    13. Crop and rotate your composites
    14. Rotate, pan, zoom, and reset the canvas
    15. Work with Type layers
    16. Work with Photoshop and Lightroom
    17. Get missing fonts in Photoshop on the iPad
    18. Japanese Text in Photoshop on the iPad
    19. Manage app settings
    20. Touch shortcuts and gestures
    21. Keyboard shortcuts
    22. Edit your image size
    23. Livestream as you create in Photoshop on the iPad
    24. Correct imperfections with the Healing Brush
    25. Create brushes in Capture and use them in Photoshop on the iPad
    26. Work with Camera Raw files
    27. Create and work with Smart Objects
    28. Adjust exposure in your images with Dodge and Burn
    29. Auto adjustment commands in Photoshop on the iPad
    30. Smudge areas in your images with Photoshop on the iPad
    31. Saturate or desaturate your images using Sponge tool
    32. Content aware fill for iPad
  5. Photoshop on the web (not available in mainland China)
    1. Common questions
    2. System requirements
    3. Keyboard shortcuts
    4. Supported file types
    5. Introduction to the workspace
    6. Open and work with cloud documents
    7. Generative AI features
    8. Basic concepts of editing
    9. Quick Actions
    10. Work with layers
    11. Retouch images and remove imperfections
    12. Make quick selections
    13. Image improvements with Adjustment Layers
    14. Add a fill layer
    15. Move, transform, and crop images
    16. Draw and paint
    17. Draw and edit Shapes
    18. Work with Type layers
    19. Work with anyone on the web
    20. Manage app settings
    21. Generate Image
    22. Generate Background
    23. Reference Image
  6. Photoshop (beta) (not available in mainland China)
    1. Get started with Creative Cloud Beta apps
    2. Photoshop (beta) on the desktop
    3. Reference Image
  7. Generative AI (not available in mainland China) 
    1. Common questions on generative AI in Photoshop
    2. Generative Fill in Photoshop on the desktop
    3. Generate Image with descriptive text prompts
    4. Generative Expand in Photoshop on the desktop
    5. Replace background with Generate background
    6. Get new variations with Generate Similar
    7. Generative Fill in Photoshop on the iPad
    8. Generative Expand in Photoshop on the iPad
    9. Generative AI features in Photoshop on the web
  8. Content authenticity (not available in mainland China)
    1. Content credentials in Photoshop
    2. Identity and provenance for NFTs
    3. Connect accounts for creative attribution
  9. Cloud documents (not available in mainland China)
    1. Photoshop cloud documents | Common questions
    2. Photoshop cloud documents | Workflow questions
    3. Manage and work with cloud documents in Photoshop
    4. Upgrade cloud storage for Photoshop
    5. Unable to create or save a cloud document
    6. Solve Photoshop cloud document errors
    7. Collect cloud document sync logs
    8. Invite others to edit your cloud documents
    9. Share files and comment in-app
  10. Workspace
    1. Workspace basics
    2. Preferences
    3. Learn faster with the Photoshop Discover Panel
    4. Create documents
    5. Place files
    6. Default keyboard shortcuts
    7. Customize keyboard shortcuts
    8. Tool galleries
    9. Performance preferences
    10. Use tools
    11. Presets
    12. Grid and guides
    13. Touch gestures
    14. Use the Touch Bar with Photoshop
    15. Touch capabilities and customizable workspaces
    16. Technology previews
    17. Metadata and notes
    18. Place Photoshop images in other applications
    19. Rulers
    20. Show or hide non-printing Extras
    21. Specify columns for an image
    22. Undo and history
    23. Panels and menus
    24. Position elements with snapping
    25. Position with the Ruler tool
  11. Web, screen, and app design
    1. Photoshop for design
    2. Artboards
    3. Device Preview
    4. Copy CSS from layers
    5. Slice web pages
    6. HTML options for slices
    7. Modify slice layout
    8. Work with web graphics
    9. Create web photo galleries
  12. Image and color basics
    1. How to resize images
    2. Work with raster and vector images
    3. Image size and resolution
    4. Acquire images from cameras and scanners
    5. Create, open, and import images
    6. View images
    7. Invalid JPEG Marker error | Opening images
    8. Viewing multiple images
    9. Customize color pickers and swatches
    10. High dynamic range images
    11. Match colors in your image
    12. Convert between color modes
    13. Color modes
    14. Erase parts of an image
    15. Blending modes
    16. Choose colors
    17. Customize indexed color tables
    18. Image information
    19. Distort filters are unavailable
    20. About color
    21. Color and monochrome adjustments using channels
    22. Choose colors in the Color and Swatches panels
    23. Sample
    24. Color mode or Image mode
    25. Color cast
    26. Add a conditional mode change to an action
    27. Add swatches from HTML CSS and SVG
    28. Bit depth and preferences
  13. Layers
    1. Layer basics
    2. Nondestructive editing
    3. Create and manage layers and groups
    4. Select, group, and link layers
    5. Place images into frames
    6. Layer opacity and blending
    7. Mask layers
    8. Apply Smart Filters
    9. Layer comps
    10. Move, stack, and lock layers
    11. Mask layers with vector masks
    12. Manage layers and groups
    13. Layer effects and styles
    14. Edit layer masks
    15. Extract assets
    16. Reveal layers with clipping masks
    17. Generate image assets from layers
    18. Work with Smart Objects
    19. Blending modes
    20. Combine multiple images into a group portrait
    21. Combine images with Auto-Blend Layers
    22. Align and distribute layers
    23. Copy CSS from layers
    24. Load selections from a layer or layer mask's boundaries
    25. Knockout to reveal content from other layers
  14. Selections
    1. Get started with selections
    2. Make selections in your composite
    3. Select and Mask workspace
    4. Select with the marquee tools
    5. Select with the lasso tools
    6. Adjust pixel selections
    7. Move, copy, and delete selected pixels
    8. Create a temporary quick mask
    9. Select a color range in an image
    10. Convert between paths and selection borders
    11. Channel basics
    12. Save selections and alpha channel masks
    13. Select the image areas in focus
    14. Duplicate, split, and merge channels
    15. Channel calculations
  15. Image adjustments
    1. Replace object colors
    2. Perspective warp
    3. Reduce camera shake blurring
    4. Healing brush examples
    5. Export color lookup tables
    6. Adjust image sharpness and blur
    7. Understand color adjustments
    8. Apply a Brightness/Contrast adjustment
    9. Adjust shadow and highlight detail
    10. Levels adjustment
    11. Adjust hue and saturation
    12. Adjust vibrance
    13. Adjust color saturation in image areas
    14. Make quick tonal adjustments
    15. Apply special color effects to images
    16. Enhance your image with color balance adjustments
    17. High dynamic range images
    18. View histograms and pixel values
    19. Match colors in your image
    20. Crop and straighten photos
    21. Convert a color image to black and white
    22. Adjustment and fill layers
    23. Curves adjustment
    24. Blending modes
    25. Target images for press
    26. Adjust color and tone with Levels and Curves eyedroppers
    27. Adjust HDR exposure and toning
    28. Dodge or burn image areas
    29. Make selective color adjustments
  16. Adobe Camera Raw
    1. Camera Raw system requirements
    2. What's new in Camera Raw
    3. Introduction to Camera Raw
    4. Create panoramas
    5. Supported lenses
    6. Vignette, grain, and dehaze effects in Camera Raw
    7. Default keyboard shortcuts
    8. Automatic perspective correction in Camera Raw
    9. Radial Filter in Camera Raw
    10. Manage Camera Raw settings
    11. Open, process, and save images in Camera Raw
    12. Repair images with the Enhanced Spot Removal tool in Camera Raw
    13. Rotate, crop, and adjust images
    14. Adjust color rendering in Camera Raw
    15. Process versions in Camera Raw
    16. Make local adjustments in Camera Raw
  17. Image repair and restoration
    1. Remove Tool
    2. Remove objects from your photos with Content-Aware Fill
    3. Content-Aware Patch and Move
    4. Retouch and repair photos
    5. Correct image distortion and noise
    6. Basic troubleshooting steps to fix most issues
  18. Image enhancement and transformation
    1. Replace sky in your images
    2. Transform objects
    3. Adjust crop, rotation, and canvas size
    4. How to crop and straighten photos
    5. Create and edit panoramic images
    6. Warp images, shapes, and paths
    7. Vanishing Point
    8. Content-aware scaling
    9. Transform images, shapes, and paths
  19. Drawing and painting
    1. Paint symmetrical patterns
    2. Draw rectangles and modify stroke options
    3. About drawing
    4. Draw and edit shapes
    5. Painting tools
    6. Create and modify brushes
    7. Blending modes
    8. Add color to paths
    9. Edit paths
    10. Paint with the Mixer Brush
    11. Brush presets
    12. Gradients
    13. Gradient interpolation
    14. Fill and stroke selections, layers, and paths
    15. Draw with the Pen tools
    16. Create patterns
    17. Generate a pattern using the Pattern Maker
    18. Manage paths
    19. Manage pattern libraries and presets
    20. Draw or paint with a graphics tablet
    21. Create textured brushes
    22. Add dynamic elements to brushes
    23. Gradient
    24. Paint stylized strokes with the Art History Brush
    25. Paint with a pattern
    26. Sync presets on multiple devices
    27. Migrate presets, actions, and settings
  20. Text
    1. Add and edit the text
    2. Unified Text Engine
    3. Work with OpenType SVG fonts
    4. Format characters
    5. Format paragraphs
    6. How to create type effects
    7. Edit text
    8. Line and character spacing
    9. Arabic and Hebrew type
    10. Fonts
    11. Troubleshoot fonts
    12. Asian type
    13. Create type
  21. Filters and effects
    1. Use the Blur Gallery
    2. Filter basics
    3. Filter effects reference
    4. Add Lighting Effects
    5. Use the Adaptive Wide Angle filter
    6. Use the Oil Paint filter
    7. Use the Liquify filter
    8. Layer effects and styles
    9. Apply specific filters
    10. Smudge image areas
  22. Saving and exporting
    1. Save your files in Photoshop
    2. Export your files in Photoshop
    3. Supported file formats
    4. Save files in graphics formats
    5. Move designs between Photoshop and Illustrator
    6. Save and export video and animations
    7. Save PDF files
    8. Digimarc copyright protection
  23. Color Management
    1. Understanding color management
    2. Keeping colors consistent
    3. Color settings
    4. Duotones
    5. Work with color profiles
    6. Color-managing documents for online viewing
    7. Color-managing documents when printing
    8. Color-managing imported images
    9. Proofing colors
  24. Web, screen, and app design
    1. Photoshop for design
    2. Artboards
    3. Device Preview
    4. Copy CSS from layers
    5. Slice web pages
    6. HTML options for slices
    7. Modify slice layout
    8. Work with web graphics
    9. Create web photo galleries
  25. Video and animation
    1. Video editing in Photoshop
    2. Edit video and animation layers
    3. Video and animation overview
    4. Preview video and animations
    5. Paint frames in video layers
    6. Import video files and image sequences
    7. Create frame animations
    8. Creative Cloud 3D Animation (Preview)
    9. Create timeline animations
    10. Create images for video
  26. Printing
    1. Print 3D objects
    2. Print from Photoshop
    3. Print with color management
    4. Contact Sheets and PDF Presentations
    5. Print photos in a picture package layout
    6. Print spot colors
    7. Print images to a commercial printing press
    8. Improve color prints from Photoshop
    9. Troubleshoot printing problems | Photoshop
  27. Automation
    1. Creating actions
    2. Create data-driven graphics
    3. Scripting
    4. Process a batch of files
    5. Play and manage actions
    6. Add conditional actions
    7. About actions and the Actions panel
    8. Record tools in actions
    9. Add a conditional mode change to an action
    10. Photoshop UI toolkit for plug-ins and scripts
  28. Troubleshooting
    1. Fixed issues 
    2. Known issues
    3. Optimize Photoshop performance
    4. Basic troubleshooting
    5. Troubleshoot crash or freeze
    6. Troubleshoot program errors
    7. Troubleshoot scratch disk full errors
    8. Troubleshoot GPU and graphics driver issues
    9. Find missing tools
    10. Photoshop 3D | Common questions around discontinued features

Learn more about Adobe Fonts and how to use them in Photoshop.

About fonts

Font

A font is a complete set of characters—letters, numbers, and symbols—that share a common weight, width, and style, such as 10‑pt Adobe Garamond Bold.

Typeface

Typefaces (often called type families or font families) are collections of fonts that share an overall appearance, and are designed to be used together, such as Adobe Garamond. Typefaces include many characters in addition to the ones you see on your keyboard. Depending on the font, these characters can include ligatures, fractions, swashes, ornaments, ordinals, titling and stylistic alternates, superior and inferior characters, old‑style figures, and lining figures.

Glyph

A glyph is a specific form of a character. For example, in certain fonts, the capital letter A is available in several forms, such as swash and small cap.

Type style

A type style is a variant version of an individual font in a font family. Typically, the Roman or Plain (the actual name varies from family to family) member of a font family is the base font, which may include type styles such as regular, bold, semibold, italic, and bold italic. If a font doesn’t include the style you want, you can apply faux styles—simulated versions of bold, italic, superscript, subscript, all caps, and small caps styles.

To make fonts available to Photoshop and other Adobe Creative Cloud applications, see Activate fonts on your computer.

Improved Font browser

Access and use more than 25,000 Adobe fonts from the cloud in the More fonts tab. Hover over to preview them on canvas and use additional filters for languages, font class, and tags to search for them more efficiently.

Selecting a font in the More fonts tab will download it to your system. Once a new font is added from the cloud, it will be added to all your Photoshop devices and Creative Cloud desktop apps to create a continuous editing experience across the Adobe ecosystem.

Navigate to the Properties panel, Character panel, Contextual Task Bar, or the Options bar font dropdown to search for them.

Use the improved search function in More fonts by typing the name of your desired font to easily filter the the Adobe Fonts repository by name.

Work with the improved Font browser in Photoshop and have access to more than 25000 fonts without leaving the app
Improved Font browser

Using Emoji Glyphs

New Emoji Font in Photoshop

EmojiOne font is no longer part of the bundled font set and has been replaced with Noto Color Emoji SVG.

When you open a legacy document containing a Type layer that uses EmojiOne, EmojiOne should be automatically activated and downloaded from the Adobe Fonts server.

Note:

Photoshop does not support the Noto Emoji font released by Google: https://github.com/googlefonts/noto-emoji.

Input Emoji using Glyphs Panel

To add Emoji glyphs to a Type layer via the Glyphs panel:

  1. Choose the Type tool. Click anywhere on canvas or click-and-drag to create a new Type layer, or simply select an existing Type layer to enter text editing mode.
  2. Select Noto Color Emoji SVG in your Fonts menu (in the Options bar, the Character panel, or the Properties panel). The Glyphs panel should open automatically.
  3. Double-click any glyph to insert it into your Type layer. You can scroll down the panel to see all the emojis available in the selected font. Recently used glyphs are listed at the top of the Glyphs panel.

Also, you can see all composite glyphs by choosing Glyph Composition/Decomposition in the Set font category menu.

Glyphs panel in Photoshop
Glyphs panel in Photoshop

Input Emoji using Character Viewer (macOS only) 

On your macOS machine, you can do the following to add Emoji glyphs to a Type layer via Character Viewer:

  1. Open Character Viewer by selecting Show Emoji & Symbols from the Keyboard menu in the menu bar.
  2. Choose a category from the list — Smileys & People, Animals & Nature, etc.
  3. Input an emoji by simply double-clicking on a glyph.
Mac Character Viewer (Large)
Mac Character Viewer (Large)

Mac Character Viewer (Small)
Mac Character Viewer (Small)

Input Emoji using the Emoji keyboard (Windows only)

On your Windows machine, you can do the following to add Emoji glyphs to a Type layer via Emoji keyboard:

  1.  To open the Emoji keyboard on Windows 10 and later, press the Windows Key + . (period).
  2. Input an emoji by single-clicking on a glyph in the viewer, or simply press Enter key when a glyph is selected.
Input Emoji using the Emoji keyboard (Windows only)
Input Emoji using the Emoji keyboard (Windows only)

Known issues and limitations

  • Noto Color Emoji SVG font can be warped or converted to shape, but the color will be lost.
  • Apple Color Emoji will disappear when warped, convert to frame, or convert to shape. Convert to the work path does not work. 
  • Converting Apple Color Emoji to Noto Color Emoji SVG may change the glyphs. 
  • You cannot change the color of SVG fonts (not only emoji). 
  • You cannot change the color of Apple Color Emoji glyphs.
  • When working with emojis, the default feature of automatically placing placeholder text may interfere with the font selection. To turn off the placeholder text, go to Preferences > Type. Uncheck Fill new type layer with placeholder text.

Automatically activate fonts

When you open a document that contains fonts that aren't installed on your computer, Photoshop automatically fetches and activates those missing fonts from Adobe Fonts while you're connected to the internet. 

Auto-activate Adobe Fonts

When you open a document containing type layers, you may see a blue sync icon over some of the type layers in the Layers panel indicating an automatic activation of missing fonts from Adobe Fonts. As the download finishes, the sync icon is replaced by the standard type layer icon. You can now use the activated font in your document and also in other applications on your computer.

When you try to edit a type layer with a missing font while the font activation is in progress, Photoshop displays a dialog that asks you to replace the missing font with a default font and continue editing. In the dialog, you can choose any of the following:

  • Replace: Select to replace missing fonts with the default font. For Roman text, the default font is Myriad Pro Regular.
  • Cancel: Select to exit text-editing mode and resume activation of your missing Adobe Fonts.

Manage missing non-Adobe fonts

If you have a missing font in your document that is not available via Adobe Fonts, Photoshop displays a yellow missing font icon over the type layer the Layers panel.

Manage missing fonts that are not available via Adobe Fonts
Manage missing fonts that are not available via Adobe Fonts

If you try to transform a type layer with a missing font that is not available via Adobe Fonts, Photoshop displays a warning dialog informing you that your layer may look pixelated or blurry after transforming. In the dialog, you can choose to:

  • Transform: Select to continue with the transform operation, knowing the limitation that your layer may look pixelated or blurry.
  • Cancel: Select to cancel and replace the missing font. See the steps below.

If you try to edit a type layer with a missing font that is not available via Adobe Fonts, Photoshop displays a dialog that asks you to replace the missing font with a default font or manage missing fonts for your entire document. In the dialog, you can choose any of the following: 

  • Manage: Select to open the Manage Missing Fonts dialog. See the steps below.
  • Replace: Select to replace missing fonts with the default font. For Roman text, the default font is Myriad Pro Regular.
  • Cancel: Select to exit out of text-editing mode.

Replace missing fonts

You can replace missing non-Adobe fonts with the default font or a font already used in the document.   

  1. Choose Type > Manage Missing Fonts

  2. In the Manage Missing Fonts dialog, use the drop-down options to manage missing fonts: 

    • Replace with the default font. For Roman text, the default font is Myriad Pro Regular.
    • Replace with a font already used in the document.
    • Don't replace. 
  3. (Optional) Select Replace All Missing Fonts With the Default Font to replace all missing fonts in the document with the default font.

  4. Click OK.

Match Fonts

Powered by Adobe Sensei

Take the guesswork out of identifying certain fonts and let Photoshop do the hard work for you. Thanks to the magic of intelligent imaging analysis, using just a picture of a Roman/Latin or Japanese font, Photoshop can use machine learning to detect which font it is and match it to licensed fonts on your computer or on Adobe Fonts, suggesting similar fonts. 

  1. Select the Rectangular Marquee Tool. Make a selection around the text in your photo.

  2. Select Type > Match Font.

    Photoshop displays a list of fonts similar to the text in your selection.

    Find matching font in an image
    Find matching font in an image

  3. In the Match Font dialog, use the options below to filter the results. 
    • (Optional) Choose a Type Option - Roman or Japanese.
    • (Optional) Deselect Show Fonts Available To Activate From Adobe Fonts to hide fonts from Adobe Fonts and only view fonts available locally on your computer.
  4. In the matching fonts list, click the font that is closest to the font in your photo. 

    Photoshop selects the font you clicked. You can now add text to the photo using the matched font.

Best practices for selecting text for font matching

  • Match Font, font classification, and font similarity features currently work only for Roman/Latin and Japanese characters.
  • Including two to three lines of text in the selection box give better results as compared to a single line of text.
  • Closely crop the selection box to the left and right edges of the text.
  • Use Match Font on a single typeface and style. Don't mix typefaces and styles inside the selection box.
  • Straighten or correct perspective on the image before using Match Font.

Preview fonts

You can view samples of a font in the font family and font style menus in the Character panel and other areas in the application from where you can choose fonts. The following icons are used to indicate different kinds of fonts:

  • Fonts from Adobe Fonts  (previously Typekit )
  • OpenType 
  • Type 1 
  • TrueType 
  • Multiple Master 
  • OpenType SVG 
  • OpenType variable fonts 

To turn off the preview feature or change the point size of font names choose Type > Font Preview Size, and choose an option.

Search for fonts

You can quickly access your preferred fonts by "starring" fonts as favorites.

Search for fonts in Photoshop

More fonts

Browse additional fonts from the Adobe Fonts library to filter by Classification, Tags, and Language. Mouse over these fonts for live preview on the canvas.

Clear All

Remove any filters you've applied to either Your fonts or More fonts tabs, such as Adobe Fonts, Font class, additional Font Tags, Favorites, Similar, and Language filters.

While searching for fonts, you can narrow down the results by filtering fonts by classification, like Serif or Sans Serif, or by visual similarity. Further, you can choose to search among fonts installed on your computer or synchronized fonts from Adobe Fonts.

Tools for searching fonts

Filter

Filter the font list by classification, such as Serif, Script, and Handwritten.

Show Fonts From Adobe Fonts

Display only synchronized fonts from Adobe Fonts in the font list.

Show Favorite Fonts

Show only starred fonts marked earlier as favorites.

Show Similar Fonts

Show fonts, including fonts from Adobe Fonts, that are visually similar to the selected font.

Choose a font and font style

  • Choose a font filter in the Character panel or the Options bar. If more than one variant of a font family is installed on your computer—for example, Regular, Italic, Bold, and Bold Italic—the different variants are grouped under the same menu item. You can expand the item and select the desired variant.  
Note:

Use the Up and Down arrow keys to navigate the font list. Using the Cmd/Ctrl+Down arrow key combination over a font family expands it. Using the Cmd/Ctrl+Up arrow key combination over a font family or a variant within it collapses the font family.

Photoshop Font family menu
Font variants grouped under the same menu item

Notes:

  • If the font family you chose does not include a bold or italic style, click the Faux Bold button  or the Faux Italic button  in the Character panel to apply a simulated style. Alternatively, choose Faux Bold or Faux Italic from the Character panel menu.
  • Try dynamic shortcuts. Dynamic shortcuts are keyboard shortcuts that are available (in edit mode only from the Character panel menu) for Faux Bold, Faux Italic, All Caps, Small Caps, Superscript, Subscript, Underline, and Strikethrough.
  • You cannot apply Faux Bold formatting to warped type.
Note:

You can search for a font family and style by typing its name in the text box. As you type, fonts whose names contain the text you entered begin appearing. Continue typing until your desired font or style name appears.

Change the font on multiple layers

  1. In the Layers panel, select the type layers you want to change.
  2. In the Character panel, select type characteristics from the pop‑up menus.

Glyph protection

Glyph protection protects against incorrect, unreadable characters that appear if you enter non‑roman text (for example, Japanese or Cyrillic) after selecting a roman font. By default, Photoshop provides glyph protection by automatically selecting an appropriate font. To disable glyph protection, deselect Enable Missing Glyph Protection in the Type preferences.

OpenType fonts

OpenType fonts use a single font file for both Windows and Macintosh computers, so you can move files from one platform to another without worrying about font substitution and other problems that cause text to reflow. They may include a number of features, such as swashes and discretionary ligatures, that aren’t available in current PostScript and TrueType fonts.

Note:

OpenType fonts display the  icon in the font lists.

When working with an OpenType font, you can automatically substitute alternate glyphs, such as ligatures, small capitals, fractions, and old style proportional figures, in your text.

OpenType fonts use a single font file for both Windows and Macintosh computers, so you can move files from one platform to another without worrying about font substitution and other problems that cause text to reflow. They may include a number of features, such as swashes and discretionary ligatures, that aren’t available in current PostScript and TrueType fonts.

Note:

OpenType fonts display the  icon in the font lists.

When working with an OpenType font, you can automatically substitute alternate glyphs, such as ligatures, small capitals, fractions, and old style proportional figures, in your text.

Regular (left) and OpenType (right) fonts

A. Ordinals B. Discretionary ligatures C. Swashes 

OpenType fonts may include an expanded character set and layout features to provide richer linguistic support and advanced typographic control. OpenType fonts from Adobe that include support for central European (CE) languages include the word “Pro,” as part of the font name in application font menus. OpenType fonts that don’t contain central European language support are labeled “Standard,” and have an “Std” suffix. All OpenType fonts can also be installed and used alongside PostScript Type 1 and TrueType fonts.

Apply OpenType features

  1. Make sure you have an OpenType font chosen when using the Type tool. If you don’t select any text, the setting applies to new text you create.
  2. From the Character panel menu, choose one of the following from the OpenType submenu:

    Standard Ligatures

    Are typographic replacements for certain pairs of characters, such as fi, fl, ff, ffi, and ffl.

    Contextual Alternates

    Are alternative characters included in some script typefaces to provide better joining behavior. For example, when using Caflisch Script Pro with contextual alternatives enabled, the letter pair “bl” in the word “bloom” is joined so that it looks more like handwriting.

    Discretionary Ligatures

    Are typographic replacement characters for letter pairs, such as ct, st, and ft.

    Note:

    Although the characters in ligatures appear to be joined, they are fully editable and do not cause the spelling checker to flag a word erroneously.

    Swash

    Substitutes swash glyphs, stylized letterforms with extended strokes (exaggerated flourishes).

    Old Style

    Are numerals shorter than regular numerals, with some old style numerals descending below the type baseline.

    Stylistic Alternates

    Formats stylized characters that create a purely aesthetic effect.

    Titling Alternatives

    Formats characters (usually all in capitals) designed for use in large‑size settings, such as titles.

    Ornaments

    Are devices that add a personal signature to the type family and can be used as title page decoration, paragraph markers, dividers for blocks of text, or as repeated bands and borders.

    Ordinals

    Automatically formats ordinal numbers (such as 1st and 2nd) with superscript characters. Characters such as the superscript in the Spanish words segunda and segundo (2a and 2o) are also typeset properly.

    Fractions

    Automatically formats fractions; numbers separated by a slash (such as 1/2) are converted to a shilling fraction (such as ).

    Note:

    You can’t preview OpenType features, such as contextual alternates, ligatures, and glyphs in Photoshop before you apply them. However, you can preview and apply OpenType features by using the Adobe Illustrator Glyphs panel. Copy and paste your text into Adobe Illustrator and use the Glyphs panel to preview and apply OpenType features. You can then paste the text back into Photoshop.

OpenType SVG fonts

Photoshop supports OpenType SVG fonts and ships with the Trajan Color Concept as well as the EmojiOne font. OpenType SVG fonts provide multiple colors and gradients in a single glyph. On the Mac OS platform, the Apple Color Emoji font is supported to a limited extent, even though it is not an OpenType SVG font.

OpenType SVG fonts: Multiple colors and gradients

Emoji fonts are an example of OpenType SVG fonts. Using Emoji fonts, you can include a variety of colorful and graphical characters, such as smileys, flags, street signs, animals, people, food, and landmarks in your documents. OpenType SVG emoji fonts, such as the EmojiOne font, lets you create certain composite glyphs from one or more other glyphs. For example, you can create the flags of countries or change the skin color of certain glyphs depicting people.

For details, see Work with SVG fonts.

OpenType variable fonts

OpenType variable fonts support custom attributes like weight, width, slant, optical size, etc. Photoshop ships with several variable fonts for which you can adjust weight, width, and slant using convenient slider controls in the Properties panel. In the Character panel or Options bar, search for variable in the font list to look for variable fonts. Alternatively, look for the  icon next to the font name.

Font list: Some variable fonts
Font list: Some variable fonts

Slider controls for variable fonts
Properties panel: Slider controls for variable fonts

As you adjust the slider controls, Photoshop automatically chooses the type style closest to the current settings. For example, when you increase the slant for a Regular type style, Photoshop automatically changes it to a variant of Italic.

 Adobe

Get help faster and easier

New user?