Question

我在标题中有一个css和两个字体的布局视图，并为另一个刀片视图生成标题：

{{ HTML::style('css/style1.css') }}
@yield('header')
<style type="text/css">@font-face { font-family:nav-font; src: url('font/brandon_grotesque_medium.ttf'); }</style>
<style type="text/css">@font-face { font-family:Noto-Sans; src: url('font/NotoSans-Bold.ttf'); }</style>

它们在此布局视图中都可以正常工作。但我有另一种观点：

@extends('layout')
@section('header')
{{ HTML::style('css/posts/style2.css') }}
@stop
@section('content')
    My content here.
@stop

style2 Css在我的第二个视图中工作正常，但缺少字体。我试图在第二个视图中将字体脚本放在标题部分，但仍然没有。可能是什么问题？

Answer 1

您可以使用asset() Helper作为示例。

<style type="text/css">@font-face { 
    font-family:nav-font; src: url('{{ asset('font/brandon_grotesque_medium.ttf') }}'); 
}</style>
<style type="text/css">@font-face { 
    font-family:Noto-Sans; src: url('{{ asset('font/NotoSans-Bold.ttf') }}'); 
}</style>

这种方法将消除对相对路径的需要，因为它将解析为绝对Url。这将删除zwacky在评论中提到的“相对巫术”。

Laravel Font面向布局和其他刀片

1 个答案: