valitovgaziz
2d07814bb1
new file: spa/vue/.gitignore new file: spa/vue/Makefile new file: spa/vue/README.md new file: spa/vue/advices.txt new file: spa/vue/index.html new file: spa/vue/jsconfig.json new file: spa/vue/package-lock.json new file: spa/vue/package.json new file: spa/vue/servers/authserver.js new file: spa/vue/servers/feedbackserver.js new file: spa/vue/servers/techsupportserver.js new file: spa/vue/src/App.vue new file: spa/vue/src/assets/colors.css new file: spa/vue/src/assets/fonts.css new file: spa/vue/src/assets/fonts/Open_Sans/OFL.txt new file: spa/vue/src/assets/fonts/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf new file: spa/vue/src/assets/fonts/Open_Sans/OpenSans-Italic.woff new file: spa/vue/src/assets/fonts/Open_Sans/OpenSans-Italic.woff2 new file: spa/vue/src/assets/fonts/Open_Sans/OpenSans-Regular.woff new file: spa/vue/src/assets/fonts/Open_Sans/OpenSans-Regular.woff2 new file: spa/vue/src/assets/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf new file: spa/vue/src/assets/fonts/Open_Sans/README.txt new file: spa/vue/src/assets/fonts/Open_Sans/hinted-OpenSans-Italic.eot new file: spa/vue/src/assets/fonts/Open_Sans/hinted-OpenSans-Italic.svg new file: spa/vue/src/assets/fonts/Open_Sans/hinted-OpenSans-Italic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/hinted-OpenSans-Regular.eot new file: spa/vue/src/assets/fonts/Open_Sans/hinted-OpenSans-Regular.svg new file: spa/vue/src/assets/fonts/Open_Sans/hinted-OpenSans-Regular.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-Bold.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-BoldItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-ExtraBold.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-ExtraBoldItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-Italic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-Light.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-LightItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-Medium.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-MediumItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-Regular.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-SemiBold.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans-SemiBoldItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-Bold.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-BoldItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-ExtraBold.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-ExtraBoldItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-Italic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-Light.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-LightItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-Medium.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-MediumItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-Regular.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-SemiBold.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_Condensed-SemiBoldItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-Bold.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-BoldItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-ExtraBold.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-ExtraBoldItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-Italic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-Light.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-LightItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-Medium.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-MediumItalic.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-Regular.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-SemiBold.ttf new file: spa/vue/src/assets/fonts/Open_Sans/static/OpenSans_SemiCondensed-SemiBoldItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/OFL.txt new file: spa/vue/src/assets/fonts/Roboto/README.txt new file: spa/vue/src/assets/fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf new file: spa/vue/src/assets/fonts/Roboto/Roboto-Italic.woff new file: spa/vue/src/assets/fonts/Roboto/Roboto-Italic.woff2 new file: spa/vue/src/assets/fonts/Roboto/Roboto-Regular.woff new file: spa/vue/src/assets/fonts/Roboto/Roboto-Regular.woff2 new file: spa/vue/src/assets/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf new file: spa/vue/src/assets/fonts/Roboto/hinted-Roboto-Italic.eot new file: spa/vue/src/assets/fonts/Roboto/hinted-Roboto-Italic.svg new file: spa/vue/src/assets/fonts/Roboto/hinted-Roboto-Italic.ttf new file: spa/vue/src/assets/fonts/Roboto/hinted-Roboto-Regular.eot new file: spa/vue/src/assets/fonts/Roboto/hinted-Roboto-Regular.svg new file: spa/vue/src/assets/fonts/Roboto/hinted-Roboto-Regular.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-Black.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-BlackItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-Bold.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-BoldItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-ExtraBold.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-ExtraBoldItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-ExtraLight.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-ExtraLightItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-Italic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-Light.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-LightItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-Medium.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-MediumItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-Regular.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-SemiBold.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-SemiBoldItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-Thin.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto-ThinItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-Black.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-BlackItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-Bold.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-BoldItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-ExtraBold.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-ExtraBoldItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-ExtraLight.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-ExtraLightItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-Italic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-Light.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-LightItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-Medium.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-MediumItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-Regular.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-SemiBold.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-SemiBoldItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-Thin.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_Condensed-ThinItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-Black.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-BlackItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-Bold.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-BoldItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-ExtraBold.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-ExtraBoldItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-ExtraLight.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-ExtraLightItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-Italic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-Light.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-LightItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-Medium.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-MediumItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-Regular.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-SemiBold.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-SemiBoldItalic.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-Thin.ttf new file: spa/vue/src/assets/fonts/Roboto/static/Roboto_SemiCondensed-ThinItalic.ttf new file: spa/vue/src/assets/linksStyle.css new file: spa/vue/src/assets/main.css new file: spa/vue/src/auth/axios.js new file: spa/vue/src/auth/services/auth.service.js new file: spa/vue/src/auth/services/authService.js new file: spa/vue/src/auth/stores/auth.store.js new file: spa/vue/src/auth/stores/store.js new file: spa/vue/src/auth/vueauth/auth.js new file: spa/vue/src/auth/watch.js new file: spa/vue/src/components/about/about.vue new file: spa/vue/src/components/about/commits.vue new file: spa/vue/src/components/about/developers.vue new file: spa/vue/src/components/about/filosofy.vue new file: spa/vue/src/components/feetback/feetback.vue new file: spa/vue/src/components/footerB/footerB.vue new file: spa/vue/src/components/header/darkThemeToggle.vue new file: spa/vue/src/components/header/fullHeader.vue new file: spa/vue/src/components/header/headerMemu.vue new file: spa/vue/src/components/header/logo-rl-about.vue new file: spa/vue/src/components/header/toggleMenu.vue new file: spa/vue/src/components/images/icons/arrow_back_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg new file: spa/vue/src/components/images/icons/arrow_forward_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg new file: spa/vue/src/components/images/icons/close_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg new file: spa/vue/src/components/images/icons/home_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg new file: spa/vue/src/components/images/icons/menu_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg new file: spa/vue/src/components/images/logo150x150.png new file: spa/vue/src/components/images/photo_2025-01-25_05-57-24.jpg new file: spa/vue/src/components/images/restObject.jpg new file: spa/vue/src/components/inout/inout.vue new file: spa/vue/src/components/inout/registration.vue new file: spa/vue/src/components/profile/profile.vue new file: spa/vue/src/components/profile/profileEdit.vue new file: spa/vue/src/components/restObject/restObject.vue new file: spa/vue/src/components/restObject/restObjectEdit.vue new file: spa/vue/src/components/restObject/restOjbectAdd.vue new file: spa/vue/src/components/saerch_results/results.vue new file: spa/vue/src/components/searchLine/searchLine.vue new file: spa/vue/src/components/settings.vue new file: spa/vue/src/components/support.vue new file: spa/vue/src/locales/bak.json new file: spa/vue/src/locales/en.json new file: spa/vue/src/locales/i18n.js new file: spa/vue/src/locales/langToggle.vue new file: spa/vue/src/locales/languages.json new file: spa/vue/src/locales/ru.json new file: spa/vue/src/locales/tat.json new file: spa/vue/src/main.js new file: spa/vue/src/router/index.js new file: spa/vue/src/views/AboutView.vue new file: spa/vue/src/views/FeetbackView.vue new file: spa/vue/src/views/FilosofyView.vue new file: spa/vue/src/views/HomeView.vue new file: spa/vue/src/views/LogInView.vue new file: spa/vue/src/views/ProfileView.vue new file: spa/vue/src/views/RegistrationView.vue new file: spa/vue/src/views/RestObjectView.vue new file: spa/vue/src/views/ResultsView.vue new file: spa/vue/src/views/SettingsView.vue new file: spa/vue/src/views/SupportView.vue new file: spa/vue/tailwind.config.js new file: spa/vue/vite.config.js add hole project on vue3 for a time
30 lines
3.4 KiB
Plaintext
30 lines
3.4 KiB
Plaintext
Выбор шрифтов и размеров для мобильных устройств и десктопа зависит от множества факторов, таких как целевая аудитория, дизайн сайта/приложения и цели использования. Тем не менее, есть несколько общих рекомендаций, которые помогут обеспечить хорошую читаемость текста на разных устройствах.
|
||
|
||
### Шрифты
|
||
|
||
#### Для мобильных устройств:
|
||
- **Roboto**: Один из самых популярных шрифтов для Android. Он имеет четкий и чистый вид, хорошо подходит для чтения на небольших экранах.
|
||
- **San Francisco**: Стандартный шрифт для iOS. Хорошо сбалансирован и удобен для чтения.
|
||
- **Open Sans**: Универсальный шрифт, который отлично смотрится на любых устройствах благодаря своей нейтральной стилистике.
|
||
|
||
#### Для десктопных устройств:
|
||
- **Georgia**: Классический шрифт с засечками, который идеально подходит для длинных текстов. Обеспечивает комфортное чтение даже на больших экранах.
|
||
- **Lato**: Современный шрифт без засечек, легкий и элегантный. Подходит для заголовков и основного текста.
|
||
- **Merriweather**: Отличный выбор для длинных статей и блогов. Имеет хорошие пропорции и контрастность.
|
||
|
||
### Размеры шрифта
|
||
|
||
#### Мобильные устройства:
|
||
- **Основной текст**: 16px–18px. Это оптимальный размер для комфортного чтения на маленьких экранах.
|
||
- **Заголовки**: 20px–24px для h2, 18px–22px для h3, 16px–20px для h4.
|
||
|
||
#### Десктопные устройства:
|
||
- **Основной текст**: 18px–20px. Такой размер обеспечивает удобство чтения на больших экранах.
|
||
- **Заголовки**: 28px–32px для h2, 24px–28px для h3, 20px–24px для h4.
|
||
|
||
### Дополнительные советы:
|
||
- Используйте **относительные единицы измерения** (em, rem) вместо абсолютных (px), чтобы шрифт масштабировался вместе с изменением размера экрана.
|
||
- Следите за **межстрочным интервалом** (line-height). Оптимальное значение — около 1.5–1.6 для основного текста.
|
||
- Убедитесь, что у вас достаточно **контраста между текстом и фоном**. Черный текст на белом фоне — классический пример хорошего сочетания.
|
||
|
||
Эти рекомендации помогут создать удобный интерфейс как для мобильных пользователей, так и для тех, кто работает за компьютером. |