Как использовать символы SF в iOS 12 и ниже?
Я обновляю иконки в моем приложении. После того, как я узнал, что Apple выпустила иконку шрифта SF Symbols
iOS 13, мне стало интересно, могу ли я использовать их только в iOS 13 или их можно использовать и в более низких версиях iOS.
Если я хочу использовать их, должен ли я использовать запасной вариант для более старых версий?
Ответы
Ответ 1
Вы не можете использовать SFSymbols изначально в версиях iOS старше iOS 13.
Однако, если вы заинтересованы в использовании графики, вы можете использовать приложение SFSymbols для экспорта SVG-версий иконки. Затем используйте графический инструмент для преобразования их в значки, которые можно импортировать в каталог ресурсов.
![Screenshot how to export SVG from SFSymbols app on Mac.]()
В соответствии с Руководством по интерфейсу пользователя вы не должны использовать новые значки в старых версиях iOS:
Вы можете использовать символы SF в приложениях, работающих в iOS 13 и более поздних версиях, watchOS 6 и более поздних версиях, а также в tvOS 13 и более поздних версиях. Чтобы просмотреть полный набор символов, загрузите приложение SF Symbols. https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/
Ответ 2
Работа продолжается,
Мне не удалось найти решение, я сдался, но на самом деле я пошел довольно далеко в расследовании. Может быть, кто-то, кто повезет больше меня, сможет выяснить hpw, чтобы продолжить работу, которую я начал:
В документации Apple говорится, что для удобного просмотра всех новых символов iOS 13 SF вы можете загрузить приложение SF Symbols: https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/
После установки вы можете пойти в Application > SF Symbols > showPackage content
![enter image description here]()
Оттуда, под content > Resources
мы можем найти интересный файл с именем SFSymbolsFallback.ttf
![enter image description here]()
И если вы попытаетесь открыть этот файл на https://fontdrop.info/, вы увидите, что он содержит все глифы шрифтов, выпущенные в iOS 13 как шрифт SF, со связанными юникодами
![enter image description here]()
Бинго? не так быстро...
Оттуда я попытался импортировать этот .ttf в свой проект в iOS 12, на XCode 10.2.1, но кажется, что он никогда не импортируется должным образом. Его нельзя найти в списке доступных шрифтов при вызове UIFont.familyNames
Еще интереснее, если я пытаюсь импортировать этот шрифт в приложение Font Book, я получаю предупреждение о том, что он содержит дублирование, что-то вроде конфликта с существующим шрифтом
![enter image description here]()
Оттуда?
Я предполагаю, что есть другой шрифт, который препятствует установке SF Symbols, в Font Book и в Xcode.
Одним из решений может быть поиск конфликтующего в пакете XCode и удаление его (это может быть шрифт Symbols
или San Francisco
, которые вызывают проблемы idk)
Я также попытался открыть файл шрифта с помощью редактора шрифтов и изменить его имя и фамилию безуспешно.
Если кто-то хочет продолжить расследование..
Надеюсь, что это может помочь кому-то!
Ответ 3
Вы можете открыть .svg использовать Figma. Затем выберите Regular-M и экспортируйте в формате PDF или PNG.
Ответ 4
Вы можете загрузить новый шрифт ios 13 sf-pro-округленный в ваш проект. Затем включите этот шрифт в вашем ярлыке.
Откройте символы sf, нажмите на символ, который вы хотите, cmd + c, перейдите в свой проект, нажмите на ярлык cmd + v. Запустите проект, и там должна быть иконка
веселит,
Ответ 5
Из Руководства по Интерфейсу Человека
Вы можете использовать символы SF в приложениях, работающих в iOS 13 и более поздних версиях, watchOS 6 и более поздних версиях, а также в tvOS 13 и более поздних версиях. Чтобы просмотреть полный набор символов, загрузите приложение SF Symbols.
Ответ 6
SF Symbols - это система, поддерживаемая только на iOS 13 или более поздней версии - их нельзя использовать на iOS 12 или ниже. Вам нужно будет использовать запасные варианты для этих старых операционных систем.
Смотрите Руководство по интерфейсу пользователя
Ответ 7
Этот набор иконок основан на символах SF https://framework7.io/icons/