fix: correct web font (#3210)

callstack · Jun 15, 2022 · 91cb88a · 91cb88a
1 parent f63efd2
commit 91cb88a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/example/src/Examples/CardExample.tsx b/example/src/Examples/CardExample.tsx
@@ -12,6 +12,7 @@ import {
 } from 'react-native-paper';
 import { PreferencesContext } from '..';
 import ScreenWrapper from '../ScreenWrapper';
+import { isWeb } from '../../utils';
 
 type Mode = 'elevated' | 'outlined' | 'contained';
 
@@ -121,7 +122,9 @@ const CardExample = () => {
         <Card
           style={styles.card}
           onPress={() => {
-            Alert.alert('The Chameleon is Pressed');
+            isWeb
+              ? alert('The Chameleon is Pressed')
+              : Alert.alert('The Chameleon is Pressed');
           }}
           mode={selectedMode}
         >
@@ -136,7 +139,9 @@ const CardExample = () => {
         <Card
           style={styles.card}
           onLongPress={() => {
-            Alert.alert('The City is Long Pressed');
+            isWeb
+              ? alert('The City is Long Pressed')
+              : Alert.alert('The City is Long Pressed');
           }}
           mode={selectedMode}
         >

diff --git a/src/styles/themes/v3/tokens.tsx b/src/styles/themes/v3/tokens.tsx
@@ -85,12 +85,14 @@ const ref = {
 
   typeface: {
     brandRegular: Platform.select({
+      web: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
       ios: 'System',
       default: 'sans-serif',
     }),
     weightRegular: '400' as Font['fontWeight'],
 
     plainMedium: Platform.select({
+      web: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
       ios: 'System',
       default: 'sans-serif-medium',
     }),