9

Text Editing in Sketch

almost 7 years ago from , Designer @intpd

I've started working with sketch recently and have found some key pain points for my design. A big one being advanced text editing. Does anyone know of a way to add glyphs, more advanced text styling (all caps, small caps, tracking, etc.), that doesn't involve me opening Illustrator and copy+pasting from there? Thanks!

18 comments

  • Mikus RiekstinsMikus Riekstins, almost 7 years ago (edited almost 7 years ago )

    I wonder why I don’t see more people complaining about line-height issues for some fonts? This stuff has been there for over a year.

    This example background lines are 25 pixels, yet font line-height says its 22: misleading line-height

    And probably the most annoying one: impossible line-height

    4 points
    • Austin Petito, over 6 years ago

      I've just started using Sketch with my team and we IMMEDIATELY noticed this issue. I'm a little puzzled as to why this isn't more of a concern... are other people not having this same issue? This is definitely a deal breaker for us.

      1 point
  • David KizlerDavid Kizler, almost 7 years ago

    You can drag the character spacing left and right to adjust tracking and kerning.

    I think it's best to use small caps only if your typeface has that included in the family. You can access uppercase/lowercase from the Type Menu.

    You can also convert text to outlines if you need a lot of precise control.

    4 points
    • Jonathon YuleJonathon Yule, almost 7 years ago

      If you are in a pinch with Sketch this method will do.

      The main problem with this method is you can't mix the two together unless you track first and then 'kern' after and then if you ever wanted to change it in the future you have to do the process all over again.

      Tracking should only ever apply to the entire text object, not individual character pairs. Kerning pairs are the exceptions.

      0 points
      • Nathan HueningNathan Huening, almost 7 years ago

        Note that in the Type menu, under Kern you have "Tighten" and "Loosen". I just mapped those to the same keyboard shortcuts I use in Illustrator since they're long burned into my brain. No need to select individual letter pairs and use the Tracking.

        2 points
  • Sagi ShrieberSagi Shrieber, almost 7 years ago

    There are a lot of bugs and missing features in Sketch type. I find the pain of not being able to have multiple text styles inside a paragraph extremely annoying. Also sometimes the line height being buggy or when I start typing and the text disappears - makes me want to cry. I really hope they'll fix this soon.

    3 points
    • Bahaa HashemBahaa Hashem, almost 7 years ago

      The developers pretty much work on the clock to fix bugs and add features. I've emailed them constantly on bugs, additional features etc and they usually respond within a day. Shoot them an email outlining all of this, they'll thank you for it and the entire Sketch community will too. (Text editing is my biggest pain Sketch so I'll be the first to thank you) =).

      1 point
  • Nazir Agah, over 4 years ago

    I ran into a related issue where Sketch automatically renders prime marks (inch and foot marks) as curly apostrophe and curly closing quote marks. Sometimes all you want is a glyph to denote a specific meaning, like say a measurement. In this case, I wanted to type out 1.25" (one-point-two-five-inches), but Sketch auto-rendered my prime marks from inches to closing quote marks. I correctly predicted a work around using Illustrator. Open a file in Illustrator, choose the Type tool (T), click to type anywhere on the canvas or artboard, navigate to Type > Glyphs to open the Glyphs palette (kind of weird that this palette is not located under the Window menu), double click on the glyph of your choice, copy and paste from Illustrator into Sketch. It works! :D (Get with the times, Sketch)

    0 points
  • Jameson Tyler, over 5 years ago (edited over 5 years ago )

    What unit does the paragraph spacing use? I can understand line-height using a multiple of the font-size, but there's no parallel for doing this with paragraph spacing on the web…

    0 points
  • Diana MounterDiana Mounter, almost 7 years ago (edited almost 7 years ago )

    Looks like most of your questions have been answered, working with glyphs is not easy in Sketch yet though. If there is a common set you're working with you might find it helpful to setup a template file with and artboard of commonly used glyphs. You can also make them into symbols too if you want to be able to update their appearance throughout a document in one go.

    Other than that most type features are available in the side panel or under Type in the toolbar including the options for All Caps and kerning etc:

    0 points
  • Thomas Petrach, almost 7 years ago

    ...complicated way for font-settings in sketch... https://vimeo.com/115591995

    0 points
    • Laurens SpangenbergLaurens Spangenberg, almost 7 years ago

      I hate to comment on a week old thread but you can add a "Fonts" item in the sketch toolbar to bring up the OS X Font Panel instead of right-clicking the text. Handy if you use those typographic features often.

      0 points
  • Matt AchariamMatt Achariam, almost 7 years ago (edited almost 7 years ago )

    I ran into a similar issue when I needed to have subscript and superscript forms.

    0 points
  • Natalia HarzuNatalia Harzu, almost 7 years ago

    go to the Type menu

    0 points
    • Nathan HueningNathan Huening, almost 7 years ago

      +1

      Most of what the you're looking for is here. Tracking is set in the inspector (as previously noted above) but the Type menu also has Kerning features of "Tighten" and "Loosen" as well as Uppercase and Lowercase, Ligature, and Baseline options. I've had only moderate success with Text on Path but I bet it'll improve in future releases. Basically, nothing in Illustrator you can't do in Sketch.

      0 points
      • David Holman, almost 7 years ago

        "nothing in Illustrator you can't do in Sketch"

        Unfortunately, this is not the case at all when it comes to type. This is one area where Illy is light years ahead of Sketch. Don't get me wrong, I'm all-in with Sketch but I miss Illy's text handling every day. Every. Day.

        2 points