deadcxap/liberama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Поправки webFonts

Browse Source
This commit is contained in:
Book Pauk
2019-01-28 15:35:23 +07:00
parent af6c57830c
commit 52a96a8ff2
2 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
client/components/Reader/SettingsPage/SettingsPage.vue
View File

@@ -40,13 +40,20 @@
   
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
<el-select v-model="webFontName"> <el-tooltip :open-delay="500" effect="light">
<el-option label="Нет" value=""></el-option> <template slot="content">
<el-option v-for="item in webFonts" Веб шрифты дают большое разнообразие,<br>
:key="item.name" однако есть шанс, что шрифт будет загружаться<br>
:value="item.name"> очень медленно или вовсе не загрузится
</el-option> </template>
</el-select> <el-select v-model="webFontName">
<el-option label="Нет" value=""></el-option>
<el-option v-for="item in webFonts"
:key="item.name"
:value="item.name">
</el-option>
</el-select>
</el-tooltip>
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item label="Размер"> <el-form-item label="Размер">

6
client/store/modules/reader.js
View File

@@ -11,10 +11,10 @@ const fonts = [
]; ];
const webFonts = [ const webFonts = [
{css: 'https://fonts.googleapis.com/css?family=Oswald', name: 'Oswald', fontVertShift: -20},
{css: 'https://fonts.googleapis.com/css?family=Lobster', name: 'Lobster', fontVertShift: 0},
{css: 'https://fonts.googleapis.com/css?family=Pacifico', name: 'Pacifico', fontVertShift: -40},
{css: 'https://fonts.googleapis.com/css?family=Comfortaa', name: 'Comfortaa', fontVertShift: 10}, {css: 'https://fonts.googleapis.com/css?family=Comfortaa', name: 'Comfortaa', fontVertShift: 10},
{css: 'https://fonts.googleapis.com/css?family=Lobster', name: 'Lobster', fontVertShift: 0},
{css: 'https://fonts.googleapis.com/css?family=Oswald', name: 'Oswald', fontVertShift: -20},
{css: 'https://fonts.googleapis.com/css?family=Pacifico', name: 'Pacifico', fontVertShift: -40},
]; ];