0

プラグインfittextjsを使用してフォントのサイズを自動的に変更し、現在の div 幅に合わせます。たとえば、私はここでそれを使用します<span>:

<ion-view class="menu-content" view-title="Polaroid">
    <ion-content>
        <div class="polaroid">
            <div class="polaroid-img">
                <img ng-src="{{polaroid.cropped}}" />
            </div>
            <div class="polaroid-title">
                <span data-fittext style="font-family: {{polaroid.style}}">{{polaroid.title}}</span>
            </div>
        </div>
    </ion-content>
</ion-view>

ここでのキーワードはdata-fittext. HTMLページを開くと、フォントサイズのサイズ変更が問題なく適用されます。また、サイズを変更すると、フォントサイズの変更が非常にうまく機能します。

次に、フォント スタイルを変更できる別のページに移動します。フォント スタイルの変更は完全に機能します。戻ると、フォントスタイルが適用されます..

しかし

fittext は適用されません。テキストサイズが非常に小さくなります（10pxだと思います）。fittext が font-size を再度適用するように、ページのサイズを変更する必要があります。

font-family を変更した後、fittext が font-size を適用しないのはなぜですか?

4

1 に答える 1

1

フォントがどのように変更されるかについてあなたが言っていることには正確に従っていませんが、JSがフォントの変更を検出するイベントはありません。FitText は resize および orientationchange イベントのみをリッスンします。これは非常に単純な関数です。

フォントが変更された後、もう一度 fittext を呼び出します。

更新: コードをもう一度見てみると、polaroid.style が変更されたときに、フォント ファミリ ディレクティブがスタイル属性を上書きしている可能性があります。これにより、fittext スタイルが削除されます。たぶん、クラスを使用して、インライン スタイルではなく font-family を示します

于 2015-08-28T12:26:01.113 に答える