我使用的是 MAC OSX,我的 Safari 版本是 13.0.3。我尝试在我的机器上安装一些自定义字体。我在我的机器上安装了来自https://www.fontsquirrel.com/fonts/list/popular(只是一个例子)的字体 great-vibes ,它现在显示在我的字体簿的用户字体部分下。我正在使用 .otf 格式的字体。我现在尝试在我的网络应用程序上使用它,如下所示:
@font-face {
font-family: 'Great Vibes'; //Added postscript name as well, did not work
font-style: normal;
font-weight: 400;
src: local('Great Vibes')
}
body {
font-family: 'Great Vibes' !important;
}
Run Code Online (Sandbox Code Playgroud)
这适用于 Chrome 和 Firefox(即使没有@font-face)声明。但这不适用于 Safari。我尝试过像 -webkit-text-stroke: .5px; 这样的选项。文本渲染:优化易读性;但它不起作用。我尝试在我的机器中安装不同的自定义字体,但它们也不适用于 Safari。我看到字体已正确安装。
注意:在我的应用程序代码中保留自定义字体并使用 @font-face/src/url 工作得很好。问题是在尝试访问机器上自定义安装的字体时。
我有一个尖锐的uib-typeahead。这是我创建的plunkr的链接。https://plnkr.co/edit/8XwhSXsZlyd0oKSljS9t?p=preview。
我使用了typeahead-is-open属性。
我想要的是,当我单击uib-typeahead时,它应该打开并显示所有值。我假设将typeahead-is-open设置为true即可完成这项工作。它是否正确?当前,在将typeahead-is-open设置为true时,不会打开typeahead。
这是我的html
<input ng-click = "myFunc()" click-outside="typeaheadIsOpen = false;" type="text" ng-model="selected" uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" typeahead-is-open="typeaheadIsOpen" class="form-control">
Run Code Online (Sandbox Code Playgroud)
我的JS
$scope.myFunc = function() {
$timeout(function() {
$scope.typeaheadIsOpen = true;
$scope.$digest();
})
}
Run Code Online (Sandbox Code Playgroud)
我已经将typeahead-is-open绑定到“ typeaheadIsOpen”变量。单击typeahead时,我将调用myFuc(),它将变量typeaheadIsOpen设置为true。
但是提前输入无法打开。我做错什么了吗?