Fix font loading for MacOS via different font loading method

This commit is contained in:
Zach Fox 2018-03-08 11:19:49 -08:00
parent d2e264ab32
commit d0cc64f63d
29 changed files with 47 additions and 76 deletions

View file

@ -33,8 +33,6 @@ Item {
width: parent.width width: parent.width
height: parent.height height: parent.height
} }
FontLoader { id: ralewayRegular; source: "qrc:/fonts/Raleway-Regular.ttf"; }
Timer { Timer {
id: updateList id: updateList

View file

@ -109,9 +109,9 @@ CheckBox {
contentItem: Text { contentItem: Text {
id: root id: root
FontLoader { id: ralewaySemiBold; source: "qrc:/fonts/Raleway-SemiBold.ttf"; }
font.pixelSize: hifi.fontSizes.inputLabel font.pixelSize: hifi.fontSizes.inputLabel
font.family: ralewaySemiBold.name font.family: "Raleway"
font.weight: Font.DemiBold
text: checkBox.text text: checkBox.text
color: checkBox.color color: checkBox.color
x: 2 x: 2

View file

@ -125,8 +125,7 @@ Rectangle {
TextInput { TextInput {
id: mirrorText id: mirrorText
visible: showMirrorText visible: showMirrorText
FontLoader { id: font; source: "qrc:/fonts/FiraSans-Regular.ttf"; } font.family: "Fira Sans"
font.family: font.name
font.pixelSize: 20 font.pixelSize: 20
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
@ -165,8 +164,6 @@ Rectangle {
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.bottomMargin: 0 anchors.bottomMargin: 0
FontLoader { id: hiFiGlyphs; source: "qrc:/fonts/hifi-glyphs.ttf"; }
Column { Column {
id: columnAlpha id: columnAlpha
width: keyboardWidth width: keyboardWidth
@ -250,7 +247,7 @@ Rectangle {
Key { width: 43; glyph: ","; } Key { width: 43; glyph: ","; }
Key { width: 43; glyph: "."; } Key { width: 43; glyph: "."; }
Key { Key {
fontFamily: hiFiGlyphs.name; fontFamily: "hifi-glyphs";
fontPixelSize: 48; fontPixelSize: 48;
letterAnchors.topMargin: -4; letterAnchors.topMargin: -4;
verticalAlignment: Text.AlignVCenter; verticalAlignment: Text.AlignVCenter;
@ -343,7 +340,7 @@ Rectangle {
Key { width: 43; glyph: ","; } Key { width: 43; glyph: ","; }
Key { width: 43; glyph: "."; } Key { width: 43; glyph: "."; }
Key { Key {
fontFamily: hiFiGlyphs.name; fontFamily: "hifi-glyphs";
fontPixelSize: 48; fontPixelSize: 48;
letterAnchors.topMargin: -4; letterAnchors.topMargin: -4;
verticalAlignment: Text.AlignVCenter; verticalAlignment: Text.AlignVCenter;

View file

@ -25,8 +25,7 @@ SpinBox {
property color colorLabelInside: hifi.colors.white property color colorLabelInside: hifi.colors.white
property real controlHeight: height + (spinBoxLabel.visible ? spinBoxLabel.height + spinBoxLabel.anchors.bottomMargin : 0) property real controlHeight: height + (spinBoxLabel.visible ? spinBoxLabel.height + spinBoxLabel.anchors.bottomMargin : 0)
FontLoader { id: firaSansSemiBold; source: "qrc:/fonts/FiraSans-SemiBold.ttf"; } font.family: "Fira Sans SemiBold"
font.family: firaSansSemiBold.name
font.pixelSize: hifi.fontSizes.textFieldInput font.pixelSize: hifi.fontSizes.textFieldInput
height: hifi.fontSizes.textFieldInput + 13 // Match height of TextField control. height: hifi.fontSizes.textFieldInput + 13 // Match height of TextField control.

View file

@ -16,9 +16,9 @@ import "../styles-uit"
TextEdit { TextEdit {
property real size: 32 property real size: 32
FontLoader { id: ralewaySemiBold; source: "qrc:/fonts/Raleway-SemiBold.ttf"; } font.family: "Raleway"
font.family: ralewaySemiBold.name font.weight: Font.DemiBold
font.pointSize: size font.pointSize: size
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft

View file

@ -34,9 +34,7 @@ TextField {
placeholderText: textField.placeholderText placeholderText: textField.placeholderText
FontLoader { id: firaSansRegular; source: "qrc:/fonts/FiraSans-Regular.ttf"; } font.family: "Fira Sans"
FontLoader { id: hifiGlyphs; source: "qrc:/fonts/hifi-glyphs.ttf"; }
font.family: firaSansRegular.name
font.pixelSize: hifi.fontSizes.textFieldInput font.pixelSize: hifi.fontSizes.textFieldInput
height: implicitHeight + 3 // Make surrounding box higher so that highlight is vertically centered. height: implicitHeight + 3 // Make surrounding box higher so that highlight is vertically centered.
property alias textFieldLabel: textFieldLabel property alias textFieldLabel: textFieldLabel

View file

@ -4,13 +4,12 @@ import QtQuick.Controls.Styles 1.3
Text { Text {
id: root id: root
FontLoader { id: iconFont; source: "qrc:/fonts/fontawesome-webfont.ttf"; }
property int size: 32 property int size: 32
width: size width: size
height: size height: size
font.pixelSize: size font.pixelSize: size
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
font.family: iconFont.name font.family: "FontAwesome"
} }

View file

@ -532,9 +532,6 @@ ModalWindow {
itemDelegate: Item { itemDelegate: Item {
clip: true clip: true
FontLoader { id: firaSansSemiBold; source: "qrc:/fonts/FiraSans-SemiBold.ttf"; }
FontLoader { id: firaSansRegular; source: "qrc:/fonts/FiraSans-Regular.ttf"; }
FiraSansSemiBold { FiraSansSemiBold {
text: getText(); text: getText();
elide: styleData.elideMode elide: styleData.elideMode
@ -548,7 +545,7 @@ ModalWindow {
size: hifi.fontSizes.tableText size: hifi.fontSizes.tableText
color: hifi.colors.baseGrayHighlight color: hifi.colors.baseGrayHighlight
font.family: (styleData.row !== -1 && fileTableView.model.get(styleData.row).fileIsDir) font.family: (styleData.row !== -1 && fileTableView.model.get(styleData.row).fileIsDir)
? firaSansSemiBold.name : firaSansRegular.name ? "Fira Sans SemiBold" : "Fira Sans"
function getText() { function getText() {
if (styleData.row === -1) { if (styleData.row === -1) {

View file

@ -496,9 +496,6 @@ TabletModalWindow {
itemDelegate: Item { itemDelegate: Item {
clip: true clip: true
//FontLoader { id: firaSansSemiBold; source: "qrc:/fonts/FiraSans-SemiBold.ttf"; }
//FontLoader { id: firaSansRegular; source: "qrc:/fonts/FiraSans-Regular.ttf"; }
FiraSansSemiBold { FiraSansSemiBold {
text: getText(); text: getText();
elide: styleData.elideMode elide: styleData.elideMode
@ -512,7 +509,7 @@ TabletModalWindow {
size: hifi.fontSizes.tableText size: hifi.fontSizes.tableText
color: hifi.colors.baseGrayHighlight color: hifi.colors.baseGrayHighlight
//font.family: (styleData.row !== -1 && fileTableView.model.get(styleData.row).fileIsDir) //font.family: (styleData.row !== -1 && fileTableView.model.get(styleData.row).fileIsDir)
//? firaSansSemiBold.name : firaSansRegular.name //? "Fira Sans SemiBold" : "Fira Sans"
function getText() { function getText() {
if (styleData.row === -1) { if (styleData.row === -1) {

View file

@ -345,9 +345,6 @@ Item {
itemDelegate: Item { itemDelegate: Item {
clip: true clip: true
FontLoader { id: firaSansSemiBold; source: "qrc:/fonts/FiraSans-SemiBold.ttf"; }
FontLoader { id: firaSansRegular; source: "qrc:/fonts/FiraSans-Regular.ttf"; }
FiraSansSemiBold { FiraSansSemiBold {
text: styleData.value text: styleData.value
elide: styleData.elideMode elide: styleData.elideMode
@ -361,7 +358,7 @@ Item {
size: hifi.fontSizes.tableText size: hifi.fontSizes.tableText
color: hifi.colors.baseGrayHighlight color: hifi.colors.baseGrayHighlight
font.family: (styleData.row !== -1 && assetTableView.model.get(styleData.row).fileIsDir) font.family: (styleData.row !== -1 && assetTableView.model.get(styleData.row).fileIsDir)
? firaSansSemiBold.name : firaSansRegular.name ? "Fira Sans SemiBold" : "Fira Sans"
} }
} }

View file

@ -660,8 +660,7 @@ Windows.ScrollingWindow {
text: styleData.value text: styleData.value
FontLoader { id: firaSansSemiBold; source: "qrc:/fonts/FiraSans-SemiBold.ttf"; } font.family: "Fira Sans SemiBold"
font.family: firaSansSemiBold.name
font.pixelSize: hifi.fontSizes.textFieldInput font.pixelSize: hifi.fontSizes.textFieldInput
height: hifi.dimensions.tableRowHeight height: hifi.dimensions.tableRowHeight

View file

@ -25,8 +25,6 @@ Item {
property int dialogHeight; property int dialogHeight;
property int comboOptionTextSize: 16; property int comboOptionTextSize: 16;
property int comboBodyTextSize: 16; property int comboBodyTextSize: 16;
FontLoader { id: ralewayRegular; source: "qrc:/fonts/Raleway-Regular.ttf"; }
FontLoader { id: ralewaySemiBold; source: "qrc:/fonts/Raleway-SemiBold.ttf"; }
visible: false; visible: false;
id: combo; id: combo;
anchors.fill: parent; anchors.fill: parent;

View file

@ -24,8 +24,6 @@ Item {
property real headerTextMargin: -5 property real headerTextMargin: -5
property real headerGlyphMargin: -15 property real headerGlyphMargin: -15
property bool isDesktop: false property bool isDesktop: false
FontLoader { id: ralewayRegular; source: "qrc:/fonts/Raleway-Regular.ttf"; }
FontLoader { id: ralewaySemiBold; source: "qrc:/fonts/Raleway-SemiBold.ttf"; }
visible: false visible: false
id: letterbox id: letterbox
anchors.fill: parent anchors.fill: parent
@ -78,7 +76,8 @@ Item {
// Text Size // Text Size
font.pixelSize: headerTextPixelSize font.pixelSize: headerTextPixelSize
// Style // Style
font.family: ralewaySemiBold.name font.family: "Raleway"
font.weight: Font.DemiBold
color: hifi.colors.darkGray color: hifi.colors.darkGray
horizontalAlignment: Text.AlignHLeft horizontalAlignment: Text.AlignHLeft
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
@ -101,7 +100,7 @@ Item {
horizontalAlignment: Text.AlignHLeft horizontalAlignment: Text.AlignHLeft
// Style // Style
font.pixelSize: popupTextPixelSize font.pixelSize: popupTextPixelSize
font.family: ralewayRegular.name font.family: "Raleway"
color: hifi.colors.darkGray color: hifi.colors.darkGray
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
textFormat: Text.StyledText textFormat: Text.StyledText

View file

@ -23,8 +23,6 @@ Item {
property real popupTextPixelSize: 16 property real popupTextPixelSize: 16
property real headerTextMargin: -5 property real headerTextMargin: -5
property real headerGlyphMargin: -15 property real headerGlyphMargin: -15
FontLoader { id: ralewayRegular; source: "qrc:/fonts/Raleway-Regular.ttf"; }
FontLoader { id: ralewaySemiBold; source: "qrc:/fonts/Raleway-SemiBold.ttf"; }
visible: false visible: false
id: letterbox id: letterbox
anchors.fill: parent anchors.fill: parent
@ -82,7 +80,8 @@ Item {
// Text Size // Text Size
font.pixelSize: headerTextPixelSize font.pixelSize: headerTextPixelSize
// Style // Style
font.family: ralewaySemiBold.name font.family: "Raleway"
font.weight: Font.DemiBold
color: hifi.colors.darkGray color: hifi.colors.darkGray
horizontalAlignment: Text.AlignHLeft horizontalAlignment: Text.AlignHLeft
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
@ -127,7 +126,7 @@ Item {
horizontalAlignment: Text.AlignHLeft horizontalAlignment: Text.AlignHLeft
// Style // Style
font.pixelSize: popupTextPixelSize font.pixelSize: popupTextPixelSize
font.family: ralewayRegular.name font.family: "Raleway"
color: hifi.colors.darkGray color: hifi.colors.darkGray
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
textFormat: Text.StyledText textFormat: Text.StyledText

View file

@ -177,8 +177,7 @@ Item {
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: editGlyph.width + editGlyph.anchors.rightMargin anchors.rightMargin: editGlyph.width + editGlyph.anchors.rightMargin
// Style // Style
FontLoader { id: firaSansSemiBold; source: "qrc:/fonts/FiraSans-SemiBold.ttf"; } font.family: "Fira Sans SemiBold"
font.family: firaSansSemiBold.name
font.pixelSize: displayNameTextPixelSize font.pixelSize: displayNameTextPixelSize
selectionColor: hifi.colors.blueAccent selectionColor: hifi.colors.blueAccent
selectedTextColor: "black" selectedTextColor: "black"

View file

@ -908,7 +908,6 @@ Rectangle {
anchors.horizontalCenter: parent.horizontalCenter; anchors.horizontalCenter: parent.horizontalCenter;
} }
FontLoader { id: ralewayRegular; source: "qrc:/fonts/Raleway-Regular.ttf"; }
Text { Text {
id: connectionHelpText; id: connectionHelpText;
// Anchors // Anchors
@ -923,7 +922,7 @@ Rectangle {
horizontalAlignment: Text.AlignHLeft horizontalAlignment: Text.AlignHLeft
// Style // Style
font.pixelSize: 18; font.pixelSize: 18;
font.family: ralewayRegular.name font.family: "Raleway"
color: hifi.colors.darkGray color: hifi.colors.darkGray
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
textFormat: Text.StyledText; textFormat: Text.StyledText;

View file

@ -141,10 +141,9 @@ Item {
} }
} }
FontLoader { id: ralewayRegular; source: "qrc:/fonts/Raleway-Regular.ttf"; }
TextMetrics { TextMetrics {
id: textMetrics; id: textMetrics;
font.family: ralewayRegular.name font.family: "Raleway"
text: usernameText.text; text: usernameText.text;
} }

View file

@ -924,14 +924,13 @@ Item {
anchors.right: parent.right; anchors.right: parent.right;
anchors.rightMargin: 20; anchors.rightMargin: 20;
height: 95; height: 95;
FontLoader { id: firaSansSemiBold; source: "qrc:/fonts/FiraSans-SemiBold.ttf"; }
TextArea { TextArea {
id: optionalMessage; id: optionalMessage;
property int maximumLength: 72; property int maximumLength: 72;
property string previousText: text; property string previousText: text;
placeholderText: "<i>Optional Public Message (" + maximumLength + " character limit)</i>"; placeholderText: "<i>Optional Public Message (" + maximumLength + " character limit)</i>";
font.family: firaSansSemiBold.name; font.family: "Fira Sans SemiBold";
font.pixelSize: 20; font.pixelSize: 20;
// Anchors // Anchors
anchors.fill: parent; anchors.fill: parent;

View file

@ -659,8 +659,7 @@ Rectangle {
text: styleData.value text: styleData.value
FontLoader { id: firaSansSemiBold; source: "qrc:/fonts/FiraSans-SemiBold.ttf"; } font.family: "Fira Sans SemiBold"
font.family: firaSansSemiBold.name
font.pixelSize: hifi.fontSizes.textFieldInput font.pixelSize: hifi.fontSizes.textFieldInput
height: hifi.dimensions.tableRowHeight height: hifi.dimensions.tableRowHeight

View file

@ -478,9 +478,6 @@ Rectangle {
itemDelegate: Item { itemDelegate: Item {
clip: true clip: true
//FontLoader { id: firaSansSemiBold; source: "qrc:/fonts/FiraSans-SemiBold.ttf"; }
//FontLoader { id: firaSansRegular; source: "qrc:/fonts/FiraSans-Regular.ttf"; }
FiraSansSemiBold { FiraSansSemiBold {
text: getText(); text: getText();
elide: styleData.elideMode elide: styleData.elideMode
@ -494,7 +491,7 @@ Rectangle {
size: hifi.fontSizes.tableText size: hifi.fontSizes.tableText
color: hifi.colors.baseGrayHighlight color: hifi.colors.baseGrayHighlight
//font.family: (styleData.row !== -1 && fileTableView.model.get(styleData.row).fileIsDir) //font.family: (styleData.row !== -1 && fileTableView.model.get(styleData.row).fileIsDir)
//? firaSansSemiBold.name : firaSansRegular.name //? "Fira Sans SemiBold" : "Fira Sans"
function getText() { function getText() {
if (styleData.row === -1) { if (styleData.row === -1) {

View file

@ -14,10 +14,9 @@ import QtQuick.Controls.Styles 1.4
Text { Text {
id: root id: root
FontLoader { id: anonymousProRegular; source: "qrc:/fonts/AnonymousPro-Regular.ttf"; }
property real size: 32 property real size: 32
font.pixelSize: size font.pixelSize: size
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
font.family: anonymousProRegular.name font.family: "Anonymous Pro"
} }

View file

@ -14,10 +14,9 @@ import QtQuick.Controls.Styles 1.4
Text { Text {
id: root id: root
FontLoader { id: firaSansRegular; source: "qrc:/fonts/FiraSans-Regular.ttf"; }
property real size: 32 property real size: 32
font.pixelSize: size font.pixelSize: size
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
font.family: firaSansRegular.name font.family: "Fira Sans"
} }

View file

@ -14,10 +14,9 @@ import QtQuick.Controls.Styles 1.4
Text { Text {
id: root id: root
FontLoader { id: firaSansSemiBold; source: "qrc:/fonts/FiraSans-SemiBold.ttf"; }
property real size: 32 property real size: 32
font.pixelSize: size font.pixelSize: size
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
font.family: firaSansSemiBold.name font.family: "Fira Sans SemiBold"
} }

View file

@ -12,12 +12,11 @@ import QtQuick 2.5
Text { Text {
id: root id: root
FontLoader { id: hiFiGlyphs; source: "qrc:/fonts/hifi-glyphs.ttf"; }
property int size: 32 property int size: 32
font.pixelSize: size font.pixelSize: size
width: size width: size
height: size height: size
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
font.family: hiFiGlyphs.name font.family: "hifi-glyphs"
} }

View file

@ -14,11 +14,10 @@ import QtQuick.Controls.Styles 1.4
Text { Text {
id: root id: root
FontLoader { id: ralewayBold; source: "qrc:/fonts/Raleway-Bold.ttf"; }
property real size: 32 property real size: 32
font.pixelSize: size font.pixelSize: size
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
font.family: ralewayBold.name font.family: "Raleway"
font.bold: true // Font seems to need this in order to display bold. font.bold: true
} }

View file

@ -14,10 +14,9 @@ import QtQuick.Controls.Styles 1.4
Text { Text {
id: root id: root
FontLoader { id: ralewayLight; source: "qrc:/fonts/Raleway-Light.ttf"; }
property real size: 32 property real size: 32
font.pixelSize: size font.pixelSize: size
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
font.family: ralewayLight.name font.family: "Raleway Light"
} }

View file

@ -14,10 +14,9 @@ import QtQuick.Controls.Styles 1.4
Text { Text {
id: root id: root
FontLoader { id: ralewayRegular; source: "qrc:/fonts/Raleway-Regular.ttf"; }
property real size: 32 property real size: 32
font.pixelSize: size font.pixelSize: size
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
font.family: ralewayRegular.name font.family: "Raleway"
} }

View file

@ -14,10 +14,10 @@ import QtQuick.Controls.Styles 1.4
Text { Text {
id: root id: root
FontLoader { id: ralewaySemiBold; source: "qrc:/fonts/Raleway-SemiBold.ttf"; }
property real size: 32 property real size: 32
font.pixelSize: size font.pixelSize: size
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
font.family: ralewaySemiBold.name font.family: "Raleway"
font.weight: Font.DemiBold
} }

View file

@ -981,6 +981,15 @@ Application::Application(int& argc, char** argv, QElapsedTimer& startupTimer, bo
qInstallMessageHandler(messageHandler); qInstallMessageHandler(messageHandler);
QFontDatabase::addApplicationFont(PathUtils::resourcesPath() + "styles/Inconsolata.otf"); QFontDatabase::addApplicationFont(PathUtils::resourcesPath() + "styles/Inconsolata.otf");
QFontDatabase::addApplicationFont(":/fonts/fontawesome-webfont.ttf");
QFontDatabase::addApplicationFont(":/fonts/hifi-glyphs.ttf");
QFontDatabase::addApplicationFont(":/fonts/AnonymousPro-Regular.ttf");
QFontDatabase::addApplicationFont(":/fonts/FiraSans-Regular.ttf");
QFontDatabase::addApplicationFont(":/fonts/FiraSans-SemiBold.ttf");
QFontDatabase::addApplicationFont(":/fonts/Raleway-Light.ttf");
QFontDatabase::addApplicationFont(":/fonts/Raleway-Regular.ttf");
QFontDatabase::addApplicationFont(":/fonts/Raleway-Bold.ttf");
QFontDatabase::addApplicationFont(":/fonts/Raleway-SemiBold.ttf");
_window->setWindowTitle("High Fidelity Interface"); _window->setWindowTitle("High Fidelity Interface");
Model::setAbstractViewStateInterface(this); // The model class will sometimes need to know view state details from us Model::setAbstractViewStateInterface(this); // The model class will sometimes need to know view state details from us